Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 18, 2016 at 2:40 pm #662002
    DigitalEssence

    Hi,

    I’ve added two buttons. One with the text:

    FIND OUT MORE ABOUT US

    and one with the text:

    FIND OUT MORE ABOUT US >

    The one with the additional > doesn’t display correctly and is ranged left.

    You can see this in action here: http://cormack.digitalessence.net/button/

    I’ve updated Enfold to 3.6.1 and WordPress is fully up to date. I’ve tested by removing the “>” and when I do the button displays fine.

    The HTML rendered to the browser shows:

    <div class='avia-button-wrap avia-button-center  avia-builder-el-4  el_after_av_textblock  el_before_av_button '><a href='' class='avia-button  avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center '   ><span class='avia_iconbox_title' >FIND OUT MORE ABOUT US</span></a></div>
<div class='avia-button-wrap avia-button-’center’  avia-builder-el-5  el_after_av_button  avia-builder-el-last '><a href='' class='avia-button  avia-icon_select-’no’ avia-color-’theme-color’ avia-size-’small’ avia-position-’center’ '   ><span class='avia_iconbox_title' >’FIND</span></a></div>
    July 18, 2016 at 2:45 pm #662004
    Yigit

    Hey DigitalEssence!

    Please try adding it as following
    \>

    Best regards,
    Yigit

    July 18, 2016 at 3:40 pm #662069
    DigitalEssence

    Hi Yigit,

    Thanks, that fixes the issue.

    July 18, 2016 at 3:59 pm #662082
    DigitalEssence

    Hi Yigit,

    the entity code keeps on reverting to > when I update other elements on the page and save.

    July 19, 2016 at 11:58 am #662424
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    July 19, 2016 at 1:57 pm #662482
    DigitalEssence

    Hi Rikard,

    details added.

    Thanks

    July 22, 2016 at 5:58 am #663703
    Ismael

    Hi,

    This is a known issue with the builder. Please refrain from using the greater than or the less than symbol in the builder because it is treated as part of the html code which breaks the layout of the element. We removed the symbol, added a custom css class attribute (http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/) in the page then added this css code in the Quick CSS field:

    .arrow-button .avia-button:before {
    content: ">";
    position: absolute;
    right: 5px;
}

.arrow-button a {
    padding-right: 15px !important;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.