1. Carrie Wrigley
  2. Commercial Templates
  3. Thursday, 21 November 2024
  4.  Subscribe via email
Hey, I've just finished building a new site with Emani, and love how it turned out - except for a few locations where the padding seems excessive. I assume I need some Custom CSS to fix this? Or is there another way?

This is mostly on the home page of my site. I'd like to reduce the width of the grey section under the black header area. I'd also like to reduce the padding at top and bottom of the white content area, and also of the top of the black area on the bottom.

How are those adjustments best accomplished?

------------------

(PS - here's the URL of my new site, for reference: https://luminousjazz.com/index.php
Accepted Answer Pending Moderation
0
Votes
Undo
Oh, so much better! Perfect fix. Thanks so much, Ciaran!
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carrie

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....


.module .module_surround, .module_menu .module_surround {
padding-block: 30px;
}
.module:first-of-type .module_surround {
padding-top: 30px;
}
.maincontent {
padding-block: 30px;
}


(default is 80px)

Ciaran
Accepted Answer Pending Moderation
0
Votes
Undo
.
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.