Child Theme

I sincerely appreciate your help in creating my child theme. You showed me that to change the background color, I needed to add the following to my style.css in my child directory.

body {
background-color:#ffffff
}

I am having difficulty identifying the other CSS components (areas on the page) that I want to alter. I have attached an image that shows which components I want to change the colors. Can you please point me in the right direction, what are these CSS identifiers?

What is the CSS syntax to change those page areas?

Thank you very much,

Tom

 

Hello,

Paste this code in style.css

Code:

.header_wrapper .header {
background: red;
}
div.top_strip {
background: red;
}
.menu_wrapper .menu-container {
background: red;
}
#menu .ddsmoothmenu li a{
color:red;
}
.content_wrapper .featured_content .featured_post .featured {
background: red;
}
 

Inplace of "red" put your color code.

Thanks & Regards
Gourav Shrivastava

 

I can't tell you how much I appreciate your help. Thank you.

I have one problem (see image), I modified the code you gave me, but one header area (background color) remains unchanged. You can see my child theme CSS here, http://loghome.directory/wp-content/themes/geocrafttheme-child/style.css

What am I missing?

Thank you, ~ Tom

 

Hello,

Paste this code in style.css

Code:

 .header_wrapper .header {
background: #ffffff repeat-x bottom!important;
}

Thanks & Regards
Gourav Shrivastava

 

That did it, thank you very much!

Tom