Service area text color change


#1

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.

RealtorOlgaJohnson.com


#2

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


#3

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%; }
}


#4

Hello there,

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


#5

http://www.houstonrealtorolga.com

http://www.houstonrealtorolga.com


#6

Hi,

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 http://prntscr.com/9dwd0u

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;
}

#7

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