Joomla Templates Club 406,261 posts

[cd1999 Friend cd1999Join date: March 2008Posts: 19Downloads:18Uploads:3 Thanks: 4]

#1087438

Hello, may someone please help me with understanding how to reduce spaces between modules in ja_restaurant. For example, how to reduce space between masthead and our menu on this page http://ja-restaurant.demo.joomlart.com/index.php/en/menu .

Thank you, Chris

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1087455

Hi Chris,

We set the padding for the Menu section on top & bottom, you can control that space via this CSS:

.no-padding .acm-container-tabs > .container {
    padding-top: 120px;
    padding-bottom: 120px;
}

just put above CSS rule to the file: root/templates/ja_restaurant (your default template)/css/custom.css (create this file if it doesn’t exist) and change the value for padding-top and padding-bottom properties to suit your need.

Regards

[cd1999 Friend cd1999Join date: March 2008Posts: 19Downloads:18Uploads:3 Thanks: 4]

#1087613

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1087625

Hi,

Try to use the !important like this:

.t3-section .no-padding .acm-container-tabs > .container {
padding-top: 10px !important;
padding-bottom: 20px !important;
}

As you can see the space is reduced now: https://cafeccinobakery.com/index.php/catering

Regards

[cd1999 Friend cd1999Join date: March 2008Posts: 19Downloads:18Uploads:3 Thanks: 4]

#1087626

Thank you so much! This works. Chris

[Author]

Posts