Joomla Templates Club 406,261 posts

[clintr24 Friend clintr24Join date: April 2015Posts: 13Downloads:2Uploads:5]

#848846

Hi there,

I’d like certain modules in Mitius to not have any padding so that ad banners can fill up the entire module position. Currently on our sidebar, our modules have a thin border and plenty of padding so that the contents are centered nicely within. But I’d like to be able to adjust certain modules so that they do not have the padding or border. Is there a div class for that? Or a way I can modify the css files accordingly? I’ve added a screenshot showing a sample ad banner. With the border and the padding, the module down-sizes the ad smaller so that it fits within the module. I’d like the ad banner to display as a full 300×250 banner.
Thanks!

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#848862

Hi
there is padding applied on every modules in sidebar , But in this case i need to check your site so i can suggest you changes based on your site .
kindly make the site live and share the details .

[clintr24 Friend clintr24Join date: April 2015Posts: 13Downloads:2Uploads:5]

#848890

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#848905

Hi
I checked the above site but does not found the module on front end .
Kindly finish the site and upload it on server then share the details with me .

[clintr24 Friend clintr24Join date: April 2015Posts: 13Downloads:2Uploads:5]

#849107

This reply has been marked as private.

[clintr24 Friend clintr24Join date: April 2015Posts: 13Downloads:2Uploads:5]

#849113

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#849341

Hi
Use this code in custom.css file

#Mod445 .module-ct {

    padding: 0px;
}

save and check . for other module change mod id in this code .

[clintr24 Friend clintr24Join date: April 2015Posts: 13Downloads:2Uploads:5]

#850098

Hi, thank you, that works, and I used the class suffix "promo" to remove the 1px border on all my modules with ads.

The only issue I have left is the mast-col module position — it’s displaying only half the ad banner. I remember it did this a few years ago too, and I fixed it back then, but I can’t remember which file/code to modify to allow the full banner to display. Can you point me to the right code that modifies this module position? I’ve tried modifying ja-mastcol and module-inner with no luck.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#851045

Hi
This issue is not from the template .
You need to apply the code in your ad component .
Here is code

.ad_prev_main {
    margin: 5px 5px;
    position: relative;
    width: 100%;
}

Here > http://prntscr.com/9rh5f2

[clintr24 Friend clintr24Join date: April 2015Posts: 13Downloads:2Uploads:5]

#864623

Thank you for your help, but I don’t have that code (width: 100%;) in my files for .ad_prev_main. I will continue to look for the issue on my own.

As for the other issue I had, with the padding around the ads and the light blue background — I found where to modify the code. It is indeed in your template file, in bootstrap.css:

.well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

I changed the 9px padding to 0px and now my ads fill the entire 300×250 module size.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#864979

Great to sorted ut out .

[Author]

Posts