Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #916043


    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%']

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

    View post on imgur.com


    View post on imgur.com

    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:

    View post on imgur.com

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


    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)


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


    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,

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.