-
Posts
-
Hello,
I have several promo boxes throughout my pages. Some appear in color sections. These particular boxes have less padding/white space around the content. How can I add more white space around them? See promo box at bottom of page. (I tried using custom CSS classes to change the padding, but couldn’t get it to work for me.)
Also, how would I create a promo box where the button is at the bottom of the box. On the same page there is a promo box that is not the entire width of the page. (The one below the photo of the blue pipes). I’d like the content to stretch across the width of the box with the button below that so content reads better. Your help would be appreciated. Thanks!
Lisa
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-promocontent { margin-right: 0; } .av_promobox .avia-button { position: relative; right: 100%; top: auto; margin-top: 10px!important; } .av_promobox .avia-button.avia-size-medium { margin-top: 0; }Cheers!
YigitI wasn’t able to fix the white space issue. The promo boxes (full width) in the color sections have a narrower padding/white space around content still. See promo box at bottom of this page.
http://www.iveyengineering.com/iveyengineeringdev/plumbing-expert-witness/
Also the non full-width promo boxes are still looking “off”. Could not get the buttons to center. I don’t mind the buttons on the right for non full width ones, but the content needs to read better. Look at the promo box on this page under the photo of the blue pipes. This does not not look right.
http://www.iveyengineering.com/iveyengineeringdev/plumbing-expert-witness/
- You must be logged in to reply to this topic.