Service area text color change

How can I change the Service Sections text to Black. Client says dark gray is too hard to read. I have tried everything I know.

I would also like to change the fa icon to red but have it change to white so it still shows when you hover.

Also need the “text after animated text” to be larger and still red. I tried changing that part below but only changed color to gray and didn’t effect the font size. I would use the main area before the text animation for her name but it was too large, not red and way too far above the 2 buttons.

I already have these in CSS…

.so-panel .widget-title:after, .panel .widget-title:after {
background-color: transparent;
.entry-meta {
display: none;
.header-container h4 {
color: #dd3333;
#services .feature .icon-bg {
background-color: #333;

#services .feature:hover .icon-bg {
background-color: #dd3333;

.iframe-wrapper { position: relative; height: 0; padding-bottom: 390px; overflow: hidden; }
.iframe-wrapper iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

Hello there,

Did the site URL is correct? I can’t access your site


Thank you for give the correct URL :slight_smile:

To change the section text, I think you can apply the font color from the text area

and to change the fa icon, please try to implement the following css code:

#services .feature:hover .icon-bg [class^="icon-"] {
    color: white;
#services .feature .icon-bg [class^="icon-"] {
    color: red;

Then for the text in header area, if you want to make the text larger, you only need this simple css code instead:

.header-container h4 {
    font-size: 50px;

Thank you for your help Awan. It is always spot on.