Text Colour and Icons in top header

Hey EliteMassageSolutions,
Please check the url in the Private Content area, it has no TLD, I tried “.com” with no luck.

Best regards,
Mike

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.phone-info span, ul.social_bookmarks a::before {
  color:white !important;
}

Best regards,
Rikard

Hi,
I added this html to your Enfold Theme Options > Header > Extra Elements > Phone Number or small info text field:

<span class="phone">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]<a href="tel://1-555-555-5555">0412 552 293</a></span>
<span class="calendar">[av_font_icon icon='ue85b' font='entypo-fontello' size='20px'][/av_font_icon]<a href="http://elitemassagesolutions.com.au/book-online/">Book Online</a></span>

then I added this css to your Enfold Theme Options > General Styling > Quick CSS field:

.phone .av-icon-char,.calendar .av-icon-char {
    margin-top: -7px;
}
.phone a,.calendar a {
color: #fff !important; 
}

I also added a link to your booking page next to your calendar icon.
Please check and let us know if you need any adjustments.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

.phone .av-icon-char {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

Best regards,
Mike

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike