Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 17, 2016 at 11:00 am #713499
    ACGijsbers

    Hi,

    I want to use icons in the small bar above the menu. I tried with some icons but they showed up in front of the text.

    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon] 0183 35 14 12
    [av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon] (Email address hidden if logged out)
    [av_font_icon icon='ue85b' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon] Online afspraak

    Can you give the correct code to show up:
    <telephone icon> tel. number <email icon> emailadress <calender icon> online appointment page

    November 17, 2016 at 1:41 pm #713560
    Nikko

    Hi ACGijsbers!

    Try to replace the shortcodes you used above with this:

    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon] <span class="custom-header-meta">0183 35 14 12</span>
[av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon] <span class="custom-header-meta"> (Email address hidden if logged out) </span>
[av_font_icon icon='ue85b' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color=''][/av_font_icon] <span class="custom-header-meta">Online afspraak</span>

    Then add this to Quick CSS (located in Enfold > General Styling):

    span.custom-header-meta {
    float: left;
    display: block;
    height: 20px;
    line-height: 20px;
    padding-right: 10px;
}

    Let us know if it works :)

    Regards,
    Nikko

    November 17, 2016 at 2:43 pm #713584
    ACGijsbers

    Hi Nikko,

    It works fine! Thanks!

    Regards,
    Arine

    November 17, 2016 at 2:56 pm #713595
    Nikko

    Hey Arine,

    Glad we could help :)

    Regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header extra elements with icons’ is closed to new replies.