Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 22, 2018 at 1:51 pm #916043
    BeeCee

    Hi,

    I’m using a custom HR with that shortcode (ENFOLD 4.2.3):

    [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50%' custom_border_color='#f0edee' custom_margin_top='20px' custom_margin_bottom='40px' icon_select='yes' custom_icon_color='#f0edee' icon='ue89a' font='entypo-fontello' custom_class='' admin_preview_bg='rgb(255, 255, 255) none repeat scroll 0% 0%']

    1.
    the 50% are ignored, although the settings suggest that % are allowed, too.
    The HR instead is full width, not 50%:
    Setting:

    Output:

    2.
    Then the line is not responsive in that way, that the RIGHT side of the line is less wide than the LEFT side of the line:

    How can I fix this please (50%, and responsive with equal length of the lines left and right of the icon)?
    Thanks.

    February 22, 2018 at 2:02 pm #916051
    Guenni007

    the 50% means left and right of the icon width !
    so if you like to have 50% totaly – you must insert abit less than 25% ( because there is a padding of 10px left/right and the icon-width etc)

    February 22, 2018 at 2:10 pm #916058
    BeeCee

    Great, I changed it to 40% and it works fine now and responsive with equal line lengths, thank you, you can close the ticket.

    February 23, 2018 at 3:55 am #916474
    Rikard

    Hi Chris,

    Thanks for the feedback, I’ll go ahead and close the thread for now. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘AVIA Custom HR with icon: width in % is ignored and is not responsive’ is closed to new replies.