Hi,
i’ve found in your documentation how to change the size of the phone number above header
/* Phone info font size */
.phone-info { font-size: 15px; }
but I can not find how to change the color. Can you please tell me what css I must add.
Extra : Is it possible to have 2 differents color and size, i mean one for “contact us” and another one for the phone number
Thank you in advance
kind regards
Stan
Hey sdesign-web,
Yes, it is possible.
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
hello,
Please find un private content the link.
Thank you un advance for your help
Kind regards
Stan
Hi,
Thank you for the link, try wrapping your text and number in span classes and add to the Phone Number or small info text field, like this:
<span class="phone-text">Contact Us</span> <span class="phone-number">555-5555</span>
Then add this code in the General Styling > Quick CSS field:
.phone-text {
font-size: 12px;
color: red;
}
.phone-number {
font-size: 14px;
color: green;
}
adjust the colors and sizes to suit.
Best regards,
Mike
… it works perfectly !
Thank you very much Mike
Best Regards,
Stan
Hi Stan,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Hi Rikard
No you can close the topic.
Thank you for the quality and reactivity of your support as always
Stan
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