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.

sub menu questions and embedded video

Resolved 8 replies premiumthemetheme-vantage
cal2000
11 years ago · Last reply by Andrew Misplon 11 years ago

Hello I have 3 questions

1. is there a way to specify the padding in the submenu so that it is not the same as the padding in the regular menu?

2. can i alter/remove the drop shadow around the submenu?

3. How can I make my embedded video on the about page smaller?

www.allanleblanc.com

thanks,
cal

URL: http://www.allanleblanc.com

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

Need fast email support? Get SiteOrigin Premium

Replies

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

    Hi cal2000

    1. Use the following under Appearance > Custom CSS to edit the sub menu padding and width if needed:

    /* Vantage Sub Menu Items */
.main-navigation ul ul a {
width: 200px;
padding: 15px 20px;
}

    2. The following will remove the sub-menu box shadow:

    .main-navigation ul ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

    3. Try creating Page Builder row with three columns and inserting the video into the middle column.

  2. cal2000 11 years, 5 months ago

    Ok the shadow box worked

    altering the page builder row worked

    the padding in the submenu did not work…

    .main-navigation ul ul a {
width: 200px;    (THIS WORKS, ALTHOUGH 200PX IS WHAT I WANT)
padding: 15px 20px; ( PADDING ON THE LEFT AND RIGHT OF THE TEXT WILL CHANGE, BUT NOT THE TOP AND BOTTOM) 
}

    I would like to bring the sub menu items closer together…..

    http://www.allanleblanc.com

  3. Andrew Misplon Staff 11 years, 5 months ago

    Glad to hear you’re making progress. Sorry for not explaining further, in full hand this is what that padding property says:

    padding: 15px 20px 15px 20px;

    Which is top, right, bottom, left. If you leave off the last two values then the first two repeat. So the above is the same as saying:

    padding: 15px 20px;
  4. Andrew Misplon Staff 11 years, 5 months ago

    Ref: http://www.w3schools.com/css/css_padding.asp

  5. cal2000 11 years, 5 months ago

    I understand how padding works… what I said was its not changing….

    if i alter the left padding it does move however, the top and bottom padding are not changing no matter what number i put in

  6. Greg Priday Staff 11 years, 5 months ago

    It’s possible that you’ll need to use !important to ensure the padding takes effect. Can you try the following for me.

    .main-navigation ul ul a {
   width: 200px;
   padding: 15px 20px !important;
}
  7. cal2000 11 years, 5 months ago

    Awesome! the !important worked thanks

  8. Andrew Misplon Staff 11 years, 5 months ago

    Glad to hear that helped, 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