Change Theme color from existing choices

1. My client would like for the color of the theme to match the logo.

This is the hex code for the logo color #E43750. So how do I change the theme color to match the logo.

2. How can change the color of the grey portion that is behind the shopping section on the home page. It id doesn't matter if it also changes the rest of the areas on the site that have that color.
I just want a darker grey like a #948796.

Thanks

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .top_cartinfo {
background: #e43750
}
.content_wrapper .content {
background: white;
}
.footer_wrapper {
background: #e34750;
}
.footer_bottom{
background: #e34750;
}
 

Thanks & Regards
Gourav Shrivastava

 

Thanks it worked.

Now, how do I change the background color in the shop and the blog to match the color that is in the
.content_wrapper .content {
background: white;
}
section on the home page?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .content_wrapper .page-content {
background: white;
}

Thanks & Regards
Gourav Shrivastava

 

Gourav,
The client likes the changes. In fact she likes the new color so much she wants the header area where the logo is and the area with the features and blog content on the homepage to be changed as well. Please help!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

div.wrapper_header {
background: red;
}
div.feature_content_wrapper {
background: red;
} 

In place of "red" you can put your color or color code.
This will solve your issue.

 

Thanks,

Because of the color change my client would like to have all the text on the home page to be black. Just in case how do I change the text in the side widgets also. See attachments for details. Are the codes you have been showing me above applicable to other ink themes as well?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .feature_content .feature_content_inner_head h6 {
color: #000;
}
ul.feature_content_inner_box h5 {
color: #000;
}
ul.feature_content_inner_box p {
color: #000;
}
.sidebar ul li a {
color: #000;
}

Thanks & Regards
Gourav Shrivastava

 

Can you show me how to remove the drop shadow from the page titles so they can be read more easily, and I will need to change the text on the widgets to white.
Thanks

 

Hello,

Do let us know your website link.

Thanks & Regards
Gourav Shrivastava

 

Yes, the link for the page that needed to have the drop shadows removed so that it can be read more easily is
http://poshvirginhairboutique.com/hair-blog/

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.sidebar ul li {
text-shadow: none;
color: white;
}
.sidebar h3 a {
text-shadow: none;
color: white;
}
 

This will solve your issue.


Thanks & Regards
Gourav Shrivastava

 

That took care of the shadows on the sidebar but what about the titles on blog page? See Attachment

Thanks for your help on this.
I am keeping the codes you are sending. Will these same custom codes work on other inktheme themes as well?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .content-bar .post_title a {
text-shadow: none;
}

This will solve your issue.


Thanks & Regards
Gourav Shrivastava