Squirrel Theme - Change Text Color

Hi

Could you please give me the custom code to change the following text colors:

Main menu text

Home Page 3 column area - headings and main text area

Also a code to change the background and text color for the bottom footer.


Thank you.

Erin

 

Hello,
1. For the Menu text color, paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li a {
color: red;
}
#menu li.current-menu-item a, #menu li.current_page_item a {
color: green;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
color: brown;
}
#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover{
color:brown;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
color: green;
}
#menu .ddsmoothmenu li li a:hover{
color: brown;
}

you can put your color in the above code.

2. For the Home Page 3 column area, paste this code in Custom CSS

Code:

.feature-content .feature-item a {
color: red ! important;
}
.feature-content .feature-item p {
color: green;
}

you can put your color in the above code.

3. For the Bottom Footer, paste this code in Custom CSS

Code:

.bottom-footer {
background: green;
color: red;
}
.bottom-footer .footer_bottom_inner span.copyright a {
color: red;
}
.bottom-footer .footer_bottom_inner span.copyright a:hover{
color: teal;
}

you can put your color in the above code.

This will solve your issue.

 

Thanks Piyush. That worked fine.

Could you please tell me how to change the text color for the First, Second and Third Footer Widget areas - for both the headings and the widget text.

Thank you.

 

Hello,

Go to js > custom.js present in your theme directory and remove the code given below

Code:

//cufone
Cufon.replace({
    hover: true
})('#colRight h2')('.reply',{
    hover:true
})('h1')('h2')('h3')('h4')('h5')('h6');

Now,

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

Code:

.footer h4 {
color: red;
}
.footer .widget_inner {
color: red;
}
.footer a {
color: red;
}
.footer ul li a{
color:red;
}

Inplace of "red" put your color code.

 

Hi Gourav

I could not find the code you gave me. I did find the footer styles in the style.css and tried to change the color codes but it didn't work. Could you please tell me where I can find the custom.js file.

This is for Squirrel theme.

Thanks.

Erin

 

You will not get theme directory in your dashboard.
You can edit custom.js file through FTP.
Open your Theme directory (through FTP) > js
Download custom.js file from there, Edit it, Then again upload it.

 

Thanks Gourav. Worked fine.