Joomla Templates Club 406,261 posts

[dibson Friend dibsonJoin date: March 2016Posts: 16Downloads:299Uploads:7 Thanks: 2]

#906911

Hi,

How do you reduce the padding on the module positions as well as components? I am seeing a ;lot of padding up to 62px and I’d want to reduce most of these to 20px or so. I tried making the changes in the custom.css file but that is not helping.

Any ideas

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

#906927

Hi
Kindly post a screenshot of the part where u want to reduce the space .

PS : If you have some knowledge how to check style you can override the style via custom.css file .
Use inspect element/firebug to check style and then override it via custom.css.

[dibson Friend dibsonJoin date: March 2016Posts: 16Downloads:299Uploads:7 Thanks: 2]

#906979

Here are a couple of screenshots. I used the Google chrome Inspect and make the changes, then add those to the custom.css file but that doesn’t seem to take effect.

I want to do it for the sidebar title as well as content area. see screenshot.

---

Attachments:

1. 

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

#906995

Hi
I can see the custom.css is working on your site . Look at my screenshot there is no gap .
http://prntscr.com/amaptu

Also add !important with style code if its not working in custom.css
Example : .class {margin-top:12px!important}

Hope it helps .

[Author]

Posts