Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 11, 2018 at 10:11 am #1020242
    sdesign-web

    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

    October 12, 2018 at 8:50 pm #1020838
    Victoria

    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

    October 13, 2018 at 7:41 pm #1021092
    sdesign-web

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

    October 14, 2018 at 12:54 am #1021126
    Mike

    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

    October 15, 2018 at 10:25 am #1021483
    sdesign-web

    … it works perfectly !

    Thank you very much Mike

    Best Regards,

    Stan

    October 15, 2018 at 11:54 am #1021518
    Rikard

    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

    October 15, 2018 at 1:57 pm #1021578
    sdesign-web

    Hi Rikard

    No you can close the topic.

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

    Stan

    October 16, 2018 at 1:19 am #1021882
    Mike

    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

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