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, 10 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, 10 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, 10 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, 10 months ago

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

  5. cal2000 11 years, 10 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, 10 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, 10 months ago

    Awesome! the !important worked thanks

  8. Andrew Misplon Staff 11 years, 10 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