- This topic has 6 replies, 2 voices, and was last updated 3 years, 2 months ago by
.
-
Posts
-
Hi, I have enabled the Advertisement below slider area using one Advertisement widget and it showed horizontally covering around 85% of the page width. When added the second advertisement widget on the same area, it showed below the first widget. After a few content changes it started showing one widget beside the other one (2 in one row). Although it is looking nice the way it is being displayed now (2 per row) I couldn’t change it back to the way it was (1 per row only)
I have tried to add a third advertisement and it will follow the 2 per row pattern, can not get it back to one per row, the way it was before.
Also I have added another advertisement widget at the bottom of the home page widget area, and it is showing one per row covering again around 85% of the page width.
Could you please help us providing the CSS to control the one per row or two per row display option as well as the padding/margin customisation? thanksHello There!
Hope you are doing good!
Could you please share with us your website URL here or on [email protected] as it will help us to provide you the CSS.
Have a great day ahead!
Regards,
Team ProDesignsHi, here the URL thanks
Hello There!
Hope you are doing good!
You need to remove the below css from custom css
#home-page-advertisement-area .container{max-width: inherit; padding: 0 10px;}and need to add
#home-page-advertisement-area.half-width .ecommerce_gem_widget_advertisement{width: 100%;} #home-page-advertisement-area.half-width .ecommerce_gem_widget_advertisement + .ecommerce_gem_widget_advertisement{margin-top: 50px;} #home-page-advertisement-area .advertisement-widget .advertisement-wrap{padding: 60px 10px;} #home-page-advertisement-area .advertisement-widget.overlay-enabled .advertisement-wrap, #home-page-widget-area .advertisement-widget.overlay-enabled .advertisement-wrap{background-position: center bottom 25%;} #home-page-advertisement-area .advertisement-widget .advertisement-wrap .advertisement-content h3{font-size: 32px; line-height: 1.4;} #home-page-advertisement-area .advertisement-widget .advertisement-wrap .advertisement-content, #home-page-widget-area .advertisement-widget .advertisement-wrap .advertisement-content{margin-bottom: 30px;} #home-page-advertisement-area .advertisement-widget .advertisement-wrap .advertisement-buttons .button.advertisement-button, #home-page-widget-area .advertisement-widget .advertisement-wrap .advertisement-buttons .button.advertisement-button{margin-top: 30px;}Hope this helps!
Have a great day ahead!
Regards,
Team ProDesignsThank you it worked, actually the first command is the one that makes it either one line or two lines if you want
But this code below didn’t have any effect when I was using it, even though I changed the percentage or added other properties couldn’t see any effect, can you tell what it does please? thanks
#home-page-advertisement-area .advertisement-widget .advertisement-wrap{padding: 60px 10px;}
#home-page-advertisement-area .advertisement-widget.overlay-enabled .advertisement-wrap,
#home-page-widget-area .advertisement-widget.overlay-enabled .advertisement-wrap{background-position: center bottom 25%;}Hello There!
Hope you are doing good!
The First CSS code rule is to give padding to inner content and the second is for adjusting background image position.
We have checked your site and it looks like that background image position is set using inline property so you can remove the second rule.
Hope this helps!
Have a great day ahead!
Regards,
Team ProDesignsHello There!
Hope you are doing well!
We have checked your website and found out that the theme you have used is not provided by ProDesigns.
Feel free to get in touch in case you have any query related to the theme provided by ProDesigns.com.Have a great day ahead!
Regards,
Team ProDesigns
- You must be logged in to reply to this topic.