Customizing CSS

website: www.freshdentalandortho.com

• 1)I am trying to change colors on the green theme. I need tab(menu) highlight to be #C0D72F.

I tried pastingbelow in custom css textbox but did not work.
a:hover {
color:#C0D72F;
}

• 2) Need to change font color on right header address/phone to #25AAE1.

Tried
.header-info p {
font-size:8px;
font-family:"Trebuchet MS"
color: #25AAE1;
}

color will not change. also address wraps around to next line. so does not look formatted correctly.
I tried smaller font size but still wraps around

• 3) need to change color on H1 to #25aae1 but that does not work either.

• 4) need to change bullet points to show an image instead of black circles but

ul {list-style-image: url(http://freshdentalandortho.com/wp-content/uploads/2013/08/icon.jpg); }

does not work.


Do I need to make modifications to another css file or does the update I make in the custom css textbox override everything. ?
thanks
Parvin

 

1. For the first issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
background: #C0D72F;
}
#menu .ddsmoothmenu li li {
background: #C0D72F;
}

2. For your second issue,
You have missing the semicolon at the end of font-family code due to which the color codes are not working after that.
so, paste the code given below in Custom CSS instead of your code.
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-info p {
font-size:8px;
font-family:"Trebuchet MS" ;
color: #25AAE1;
}

and for the text formatting issue you can use line break code (i.e. <br>) to break the line from where you want.
Go to the Appearance > Theme Options > General Settings > Home Page Top Right Address section
and enter the text as shown in the image given below.



3. For your third issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

h1 {
color: #25aae1 ! important;
}

This will change the color of all h1.

4. For your fourth issue,
Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 content-wrapper ul li {
list-style-image: url(Enter your image addres here);
}

This will solve your issue.

 

Piyush,
I tried all but the list-style. The formatting for the right header address worked. Nothing else works. It is almost like the new css does not override the old.
Could there be some other problem? Also I was trying to match the font of the main body with the right header address. Can you tell me what the font-family or font of the main body is? The color of the right header address does not change with the code you provided. This is why I think something else may be causing this.


HI color does not change
Tab(menu) color does not change
Right header address color does not change
Thanks,
Parvin

 

Hello,

We have checked your website and it seems that by mistake you have forget to close the curly braces in your code. Go to custom css and complete close the curly braces, This will solve your issue.