-
Posts
-
Hello,
I am trying to make the promo codes smaller in a column. I have tried everytihng, including resizing the images but they just staty the same way. I’m using them here: http://www.dinaru.com/vip/landingI’m wondering if my problem might be associated with the Column shortcode. It seems this shortcode uses all the available space and divides it in equal parts. Is there a way to decrease the size the columns are dividing?
Hey Alfonso,
Try entering something like this into your [promo] shortcode:
[promo style="width: 80%; margin-left: auto; margin-right: auto;] ... [/promo]
Simply adjust the width to what you’d like it to be.
Thanks!
Done! It worked as you said but now they are too far appart from each other. Isn’t there a way to “shrink” the column divides?
I would like the 3 to be centered and occupying only 70% of the width of the webAlfonso,
Try adjusting that width to get them the way you want. I wouldn’t mess too much with the columns because they are responsive. Changing the spacing between them also means you’d need to recalculate all of the percentages for every possible combination. I would definitely try adjusting the width in that CSS snippet and see if you can find a happy medium. If not, let me know and we’ll try to think of something else, but that snippet is certainly the most flexible and simple to implement and maintain.
Thanks!
- <script> jQuery(function($){ $("#no-reply-1827 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
