Changing Font Colors

I would like to change the font color of the text from dark gray (#6a6a6a) to something that stands out more on a dark background, such as white #ffffff.

site link: pavolocotennis.com

The sections are:

Home Page Three Column Feature Heading & Description

First Feature Heading

Second Feature Heading

Third Feature Heading

Home Page Team Feature Heading & Description

All four team areas.

Basically any dark areas need to have lighter text so it will pop more. What do I need to include in the custom css box?

Thank you!

 

Hello,

Greetings from InkThemes!

Please paste the CSS codes given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

1.) For main feature heading and description, code is given below.

Code:

.feature_content .page_info h1 {
    color: red;
.feature_content .page_info p {
    color: blue;
}

2.) For Three Column Feature Heading & Description, code is given below.

Code:

.feature_content .feature_content_inner h2 {
    color: red !important;
}
.feature_content .feature_content_inner p {
    color: blue !important;
}

3.) For Home Page Team Feature main Heading & Description, code is..

Code:

.team-content .page_info h1 {
    color: red !important;
}
.team-content .page_info p {
    color: white !important;
}

3.) For inner Home Page Team Feature Heading & Description, code is given below.

Code:

.team-content .team-item h4 {
    color: blue !important;
}
.team-content .team-item p {
    color: blue !important;
}

4.) To change link color, code is

Code:

a {
    color: white !important;
}

5.) To change span color of team blog, code is

Code:

.team-content .team-item span {
  color: white !important;
}

NOTE: Change color of the different column as per your requirement.

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you for pointing me in the right direction, and especially thank you for the timely reply.

Cheers!

 

Just for the sake of accuracy, if anyone else uses this solution make sure to include the end bracket from the first section above:

.feature_content .page_info h1 {
color: red;
}
.feature_content .page_info p {
color: blue;
}

The first closing } was missing in Priya's reply.
Thank you!

 

Hello,

Yes that was my mistake, I am sorry for that

Thanks for understanding the thing and for the correction as well..

Thanks & Regards!
Priyanka
InkThemes.com