Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #662002

    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>
    #662004

    Hey DigitalEssence!

    Please try adding it as following
    \>

    Best regards,
    Yigit

    #662069

    Hi Yigit,

    Thanks, that fixes the issue.

    #662082

    Hi Yigit,

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

    #662424

    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

    #662482

    Hi Rikard,

    details added.

    Thanks

    #663703

    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 ((Purchase code hidden if logged out) -for-all-alb-elements/” rel=”nofollow”>http://kriesi.at/documentation/enfold/ (Purchase code hidden if logged out) -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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.