Tagged: ,

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

    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:

    View post on imgur.com

    Output:

    View post on imgur.com

    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:

    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)?
    Thanks.

    #916051

    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)

    #916058

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

    #916474

    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

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.