Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 1, 2023 at 2:52 am #1409228
    beverlystone

    In the extra elelments area of the top bar, I’ve added a map icon and some text. I would like the icon to be in the middle (vertically) of the top bar, rather than at the bottom. I’m currently using this code in the theme options (header) but with an actual link (removed for privacy purposes):

    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' size='17px' position='left' vertical-align=‘top’ color='#eeee22' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_font_icon]<span style=”color:yellow; font-size: 125%;”>LINK TEXT HERE</span>

    June 1, 2023 at 5:31 am #1409250
    Nikko

    Hi beverlystone,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #header_meta .phone-info .av_font_icon {
    position: relative;
    top: -3px;
}

    Hope it helps.

    Best regards,
    Nikko

    June 1, 2023 at 1:32 pm #1409267
    beverlystone

    That worked perfectly! Thank you.

    June 1, 2023 at 7:56 pm #1409308
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    June 1, 2023 at 8:15 pm #1409316
    beverlystone

    You can close it.

    June 2, 2023 at 2:11 am #1409343
    Nikko

    Hi beverlystone,

    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Vertical Align for Icon in Top Bar’ is closed to new replies.