Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • cd1999 Friend
    #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
    #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
    #1087613
    This reply has been marked as private.
    Saguaros Moderator
    #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
    #1087626

    Thank you so much! This works. Chris

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 4 replies, has 2 voices, and was last updated by  cd1999 1 year, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum