Digital Pro header image background color

[rstyner]

I would like to try a black background at the top where the header image and main navigation are. Can someone point me in the right direction on doing this? Will I need to change the text color as well? Also I want to change the color of the buttons, text links etc. from red to more of an orange. I'm not a pro but follow instructions (if understood haha) really well.

Thank you.

https://scottlocal.marketing/

[andytc]

Add the CSS below into the Additional CSS section of the customizer - Note: Digital pro has section in the customizer to change link color.

/* Header Background Color */

.site-header {
 background-color: #000;
}

/* Nav menu links Color */

.genesis-nav-menu a {
 color: #fff;
}

/* Buttons Background Color */
  
.button {
 background-color: #FF9800;
}

/* Links Hover Color */

a:focus, a:hover {
 color: #FF9800;
}

/* Entry title hover Color */

.content .entry-title a:focus, .content .entry-title a:hover {
 color: #FF9800;
}

/* Pagination links background Color */

.archive-pagination li a:focus, .archive-pagination li a:hover, .archive-pagination .active a {
 background-color: #FF9800;
}

/* Tick marks Color */

.front-page-2 ul.checkmark li:before {
 color: #FF9800;
}

[rstyner]

Thank you so much. I'll try this out. Much appreciated.

[rstyner]

Hi Andytc,

The button(s) did not change colors. They stayed red. Did I do anything incorrectly? Or am I calling those the right "name"?

Also The nav menu links are red when they are active. How can I change those?

I think that until I get my logo fixed I'll have to keep the header background white.

I appreciate your help.

[Author]

Posts