Joomla Templates Club 406,261 posts

[MarketingRT Friend MarketingRTJoin date: June 2016Posts: 7Downloads:29Uploads:0]

#951786

How do I shrink the spacing before and after modules. Even half would be great, but when you look at the different sections, there is just too much dead space.

I am building on a testing site to be moved after.
testing site = http://www.adversace2.com

Jacqueline Gordon
Director Business Strategy
O - 855.690.8678
www.MarketingRT.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#951804

Hi there

Try adding to your custom.css file this code

.t3-sl {
padding-top:10px!important;
padding-top:10px!important;
}

You can change px values as you wish .

[MarketingRT Friend MarketingRTJoin date: June 2016Posts: 7Downloads:29Uploads:0]

#951869

I looked through all the template details and files. I cannot find custom.css. Where exactly might that be?

Jacqueline Gordon
Director Business Strategy
O - 855.690.8678
www.MarketingRT.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#951887

Where exactly might that be?

You should create it from scratch as a new file in this folder /templates/ja_nuevo/css/

Take a look HERE

[MarketingRT Friend MarketingRTJoin date: June 2016Posts: 7Downloads:29Uploads:0]

#952372

that didn’t work. No change to the height of any of the modules.

Jacqueline Gordon
Director Business Strategy
O - 855.690.8678
www.MarketingRT.com

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#952438

MarketingRT wrote:

that didn’t work. No change to the height of any of the modules.

You are using a theme green, so custom.css file should be added into /themes/green/ folder

I added following code to it

.t3-sl {
padding-bottom:0px!important;
padding-top:30px!important;
}
.row-feature.row-feature-nopadding-bottom {
padding-top:30px!important;
}
.row-feature.row-feature-dark {
padding-top:20px!important;
}

You can change each setting you prefer to increase or decrease the space at top or bottom of each module
Best regards

[Author]

Posts