Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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
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.
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
Glad to hear you’re making progress. Sorry for not explaining further, in full hand this is what that padding property says:
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:
Ref: http://www.w3schools.com/css/css_padding.asp
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
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; }Awesome! the !important worked thanks
Glad to hear that helped, all the best.