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
.
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
Oh, so much better! Perfect fix. Thanks so much, Ciaran!
  • Page :
  • 1


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