-
Posts
-
Hello – When I save a button with this in the label field: <p style=”font-size:30px”>CLICK HERE TO GET YOUR FREE 28 PROGRAM,</p><p style=”font-size:30px”>DELICIOUS RECIPES, HOW-TO VIDEOS, AND MORE</p>
The page updates and a bunch of </br> elements are automatically added to that field such that I’m left with the following:
<p style=”font-size:30px”>CLICK HERE TO GET YOUR FREE 28 PROGRAM,</p>
<p style=”font-size:30px”>DELICIOUS RECIPES, HOW-TO VIDEOS, AND MORE</p>How can I avoid this? Thank you
Ok not sure if the forum formating messed up your post but these two lines look exactly the same to me…
Actually the label is not meant to be used with html code. An easy fix to not display the unnecessary brs is by add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at Enfold->Styling:
.avia-button br{ display:none; }
Oops…sorry about that. Upon saving the button with the HTML above, it is transformed into:
<p style=”font-size:30px”>CLICK HERE TO GET YOUR FREE 28 PROGRAM,</p>
<p style=”font-size:30px”>DELICIOUS RECIPES, HOW-TO VIDEOS, AND MORE</p>I added the recommended code as specified, but sadly it has no effect.
You can see what I’m trying to do in the purple colored section at http://thecaloriemythbook.com/ (trying to make a big button with big text…the phantom br elements are causing the little phantom yellow button below the big yellow button)
Any other ideas?
Thanks!
Hi,
I’m sorry but I don’t understand. What does it suppose to look like? Can you give us a mockup or a screenshot?
Regards,
Ismael
Hi Ismael – No problem. Here you go: http://TheCalorieMythBook.com/wp-content/uploads/2013/08/enfold-8.13.13.png
Hi stunna42,
It looks like your code actually has a single extra line included right after your code. If you open up the source for that section of the page there is no br element but instead an empty paragraph. See:
<div class="avia-button-wrap avia-button-center avia-builder-el-4 el_after_av_textblock avia-builder-el-last "><a href="http://thebailorgroup.com/freeprogram" class="avia-button avia-icon_select-no avia-color-custom avia-size-large avia-position-center " target="_blank" style="background-color:#ffef12; border-color:#ffef12; color:#4d1bf0; "><span class="avia_button_icon avia-font-entypo-fontello">Now trying a different approach. Please see: http://thebailorgroup.com/finalformbutton How can I get the text in the promo box to be vertically centered? By default there are 10 more pixels placed below the promo box text than above the promo box text. I’d like 30px above and below vs. the default 25px above and 35px below.
Thank you
Right now there is a margin added to the h2 elements. So for the promo box + button + heading 2 inside of it you can use:
.av_promobox.avia-button-yes h2 {
margin-bottom: 0px;
}To remove the margin on the bottom.
- The topic ‘Button Label Bug…adding phantom elements’ is closed to new replies.