Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 8, 2013 at 7:21 pm #172367
    kangaroozach

    What is the Quick CSS to make the top header (phone number) larger?

    See http://www.oakparkmedical.com.

    I want to make the Phone number and Fax Number at the top right larger. Please help.

    Thanks

    Zach

    October 9, 2013 at 2:34 am #172820
    Yigit

    Hey kangaroozach!

    The theme in provided link is not Enfold :)
    You can add following code to Quick CSS in Enfold theme options under Styling tab

    .social_header .phone-info span { font-size: 16px; }

    Best regards,
    Yigit

    October 9, 2013 at 3:09 am #172831
    kangaroozach

    Oops. I mean http://www.oakparkpediatrics.com.

    Thank you.

    Zach

    October 9, 2013 at 3:20 am #172834
    kangaroozach

    Also, this did increase the font size but it doesn’t look right on mobile.

    Do you have another CSS line for the responsive part of this?

    Thanks

    Zach

    October 9, 2013 at 2:32 pm #173029
    Yigit

    Hey!

    Please change previous code with following one 

    @media only screen and (min-width: 767px) { .social_header .phone-info span { font-size: 16px; } }

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘What is the Quick CSS to make the top header (phone number) larger?’ is closed to new replies.