This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Padding in menu: left and between combined

Resolved 3 replies generalpremium
Valentino Zahrnt
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi,

I would like to increase the padding on the left of the first item and decrease the padding between all items. So the standard approach does not work:

/* Menu Padding Horizontal */

.main-navigation ul li a {
padding-right: 25px !important;
padding-left: 25px !important;
}

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 5 months ago

    Hi Valentino

    Thanks for running Vantage.

    Yeah, you’d need something a little more creative to do that:

    /* Menu Padding Horizontal */
.main-navigation ul li a {
padding-right: 25px;
padding-left: 25px;
}
/* First Menu Item */
.main-navigation ul li:first-of-type a {
padding-left: 40px;
}
  2. Valentino Zahrnt 11 years, 5 months ago

    Exzellent! I guess you get more gratitude than the average doctor :)

  3. Andrew Misplon Staff 11 years, 5 months ago

    Super, glad that helped. If you ever get interested in CSS, this is a great guide: http://learn.shayhowe.com/advanced-html-css/. We’ve just used something from this section: http://learn.shayhowe.com/advanced-html-css/complex-selectors/

    All the best!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread