Font Color

I do not see an option to change the color of the font.

I would like to make sure all text in the body (body, links, links visited, pages in header, footer, etc)

Please help.

Thank you!

 

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

Code:

//Cufon replacement
Cufon.replace('h1',{hover: true})('h2',{hover: true})('h3',{hover: true})('h4',{hover: true})('h5',{hover: true})('h6',{hover: true})('.contentbtn')('.content_info')('.readmore',{hover: true})('.submit',{hover: true});

For the reference see the image given below

Now,
Paste the following code in your custom css
Appearance -> Theme Options -> Styling Options -> Custom CSS

Code:

body{
color:red;
}
 
/*for menu*/
 
#menu .ddsmoothmenu li a {
color: purple;
}
#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 {
color: red;
}
 
/*for  Slider*/
 
.slider_info h1 a {
color: teal;
}
.slider_info p {
color: brown;
}
 
/*for button*/
 
.contentbtn {
color: black;
}
.contentbtn:hover {
color:white;
}
 
/*for Home Page Tagline*/
 
.content_info h1 {
color: brown;
}
 
/*for Paragraph*/
 
p{
color:blue;
}
.content-bar .post .post_content p {
color: blue;
}
.feature_inner_box a {
color: red;
}
 
/*for Heading*/
 
h1, h2, h3, h4, h5, h6 {
color:red;
}
 
/*for right page link panel */
 
ul.link li a {
color: purple;
}
ul.link li a:hover {
color: blue;
}
 
/*for footer*/
 
.footer_wrapper_top .footer h4 {
color: green;
}
.footer_wrapper_top .footer p {
color: blue;
}
.footer_wrapper_top .footer a {
color: blue;
}
p.copyright {
color: purple;
}
.copyrightinfo a {
color: brown;
}
 
/* for page title*/
.page-heading h1 {
color: brown;
}
 
/*for Anchor*/
a {
color: blue;
}

Change the value of color as per your requirement.