Hey!

Add the “inline_popup” class attribute in the link tag.

<a href="#content-to-open" class="avia-button inline_popup avia-icon_select-yes-left-icon avia-color-theme-color avia-size-x-large avia-position-center ">

Remove it from here:

<div class="avia-button-wrap avia-button-center avia-builder-el-6 el_after_av_heading  avia-builder-el-last inline_popup">

Final code:

<div class="avia-button-wrap avia-button-center avia-builder-el-6 el_after_av_heading  avia-builder-el-last">
<a href="#content-to-open" class="avia-button inline_popup avia-icon_select-yes-left-icon avia-color-theme-color avia-size-x-large avia-position-center ">
<span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
<span class="avia_iconbox_title">Need to show popup when this button is clicked</span></a>
</div>

Best regards,
Ismael

Hi,

@Bcunningham: What do you mean by “wonky”? Try to use “em” instead of “px” as the font size unit (http://www.w3schools.com/cssref/css_units.asp
). Or edit the layer, go to the Attributes panel then apply a unique class or id attribute to it. Use css media queries to adjust the font size on smaller screens.(http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)

Best regards,
Ismael

Hi,

I get the same results when I tried on a test page but I’m not sure why it’s not taking effect, could you try using regular CSS instead? This should work for the setting you have:

h1, h2, h3 {
font-size:10px !important;
}

Regards,
Rikard

Hey crevlon,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.avia-promocontent * {
    font-size: 20px!important;
}

Best regards,
Yigit

Hi,

Oh, excuse me :)
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.avia-content-slider .slide-entry-excerpt { font-size: 20px; }

Best regards,
Yigit

Hi!

You need to add the “inline_popup” class attribute in the button html to enable the lightbox. Use the actual html of the button in a text or code block then add the class attribute:

<div class="avia-button-wrap avia-button-center  avia-builder-el-6  el_after_av_heading  avia-builder-el-last  inline_popup">
<a href="#content-to-open" class="avia-button inline_popup avia-icon_select-yes-left-icon avia-color-theme-color avia-size-x-large avia-position-center "><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Need to show popup when this button is clicked</span></a>
</div>

Best regards,
Ismael