Changing Theme Colour

Hi
I can see with other posts you have shown people how to change the social media image files. I am not worried about those, and don't want to access the stylesheet and edit it.
What I need is the CSS code to paste into the 'Custom CSS' module.

If I want to change to a particular shade of blue that I have the hex colour for, what do I enter into the CSS? Again, I don't care about the social media icons because we wont us them
thanks
http://www.bacchushill.com.au/temp/

 

Hello,

Please specify the area with the help of screen shot images, of which you want to change the color.

 

Yes Piyush I mean the main theme colours - top infobar, all buttons, menu highlights and accents, bottom bar, border lines in widgets etc etc - basically all theme colours - again it doesn't matter about the graphics in the stylesheet. Please see attached screenshot

 

Hello,

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

Code:

.topinfobar{
background:red;
}
.topinfobar .siteinfourl p{
background:red;
}
#menu li:hover a, #menu li a.selected, #menu li.current_page_item a{
background:red;
}
#menu .ddsmoothmenu li li a:hover{
color:red;
}
.content-bar .post .post_meta .post_date{
color:red;
}
.content-bar .post .post_meta .post_comment a {
color: red;
}
.content-bar .post .post_meta .posted_by a {
color: red;
}
.content-bar .post .post_content .read_more{
background:red;
}

Inplace of "red" put your color code.


#And for sidebar title line

Go to images directory present in your theme directory and replace your image with present title image or edit it.

The name of image is "titlesep.png"

Note:- Use same name for your edited image and remove the current image.

 

Thanks Gourav

But that didn't change the colour of the:
*3 'read more' buttons for the three features on home page
*bottom 4 widgets background colour at the bottom of every page

Please let me know how we change the colour of those two items

thanks

 

Hello,

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

Code:

.feturebox .featurebox_inner .featurebox_desc .readmore {
background: red;
border: solid red 1px;
}
 
.footer-wrapper .footer {
background: red;
}
.footersep {
background: red;
}
.footer-bottom {
background: red;
}

In place of "red" you can put your color or color code.

 

Great, that works​

​

One problem - if you look at the text of the four footer widgets, they are all a shade of the Red colour we want, some text has an ugly shadow and some text is grey.​

​

How do I set the theme so all footer widget text is white?​

​

 

Hello,

Could you please share your website link.

 

http://www.bacchushill.com.au/

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.footer .footer_widget h4 {
color: white;
text-shadow: none;
}
.footer p {
color: white;
text-shadow: none;
}
.footer ul li a {
color: white;
text-shadow: none;
}
.footer_widget span {
color: white;
text-shadow: none;
}
.footer_widget label {
color: white;
text-shadow: none;
}
.footer_widget .gform_wrapper .gfield_required {
color: white;
}
.footer-bottom .copyrightinfo p {
color: white;
}

This will solve your issue.

 

That works - thanks Piyush