Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1020242

    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

    #1020838

    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

    #1021092

    hello,
    Please find un private content the link.
    Thank you un advance for your help
    Kind regards
    Stan

    #1021126

    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

    #1021483

    … it works perfectly !

    Thank you very much Mike

    Best Regards,

    Stan

    #1021518

    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

    #1021578

    Hi Rikard

    No you can close the topic.

    Thank you for the quality and reactivity of your support as always

    Stan

    #1021882

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘css custom for phone number header’ is closed to new replies.