× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

Margin between menu buttons

More
4 years 6 months ago #6623 by andrewbcs
andrewbcs created the topic: Margin between menu buttons
Hi,

If you look at baleandstrap.co.uk/jm3/ I would like to reduce the margins between the different menu buttons. How can I do this?

Thanks,
Andrew

Please Log in or Create an account to join the conversation.

More
4 years 6 months ago #6625 by marcin
marcin replied the topic: Margin between menu buttons
Hello,

I have moved this topic to the JM-Modern-Store category.

You need to edit the following file:
/templates/jm-modern-store/css/djmegamenu.css

In the line ~24th you will find the following styles:
.dj-megamenu li a.dj-up_a {
    color: #444444;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 58px;
    padding: 1px 20px;
    text-transform: uppercase;
}

In the line 58th you will find the following styles:
.dj-megamenu li:hover a.dj-up_a, 
.dj-megamenu li.hover a.dj-up_a, 
.dj-megamenu li.active a.dj-up_a {
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    padding: 0 19px 1px;
    text-decoration: none;
}

For all of them you need to adjust the "padding" value to fit your needs.
Save the file and that's it.

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.221 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.