-
AuthorPosts
-
July 26, 2016 at 4:59 pm #665403
Hi Kriesi Team,
About sub-menu style, please let me know how can I:
1- change the font size and font weight of it?
2- remove the shadow from the appeared sub-menu box and instead of it, I want to have a border around this appeared box, how should I do that? (I want the border color to be in blue and there is no background color needed)
July 26, 2016 at 10:14 pm #665508Hey Sadegh,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
Feel free to adjust the font size and color values to suit your design.#header .sub-menu { box-shadow: none!important; border:1px solid blue!important; } #header .sub-menu a { font-size: 18px; color: blue!important; }Best regards,
VinayJuly 27, 2016 at 10:09 pm #665965Hi Vinay,
Thanks for your reply,
I put the codes in Quick Css, although the border is now okay, but the second one –font size– seems not to work.1- So please let me know how can I increase sub-menu font size? (the codes you gave to me
#header .sub-menu a {doesn’t work)
2- And plus, how may I change the background color and font colorof the sub-menu, when I move my mouse over them. (I’m looking to have a result like the below image)

All the bests
-
This reply was modified 9 years, 3 months ago by
Sadegh.
July 30, 2016 at 6:19 pm #666849Hi,
Use this:
#top .av-main-nav ul a{ font-size: 14px; } #top .av-main-nav ul li:hover a{ background: #21b1ec; color: white !important; }Best regards,
JosueJuly 30, 2016 at 6:46 pm #666861Hi Josue,
Thanks a lot for your reply, it all worked for me.
(you may now close the topic)Regards,
SadeghJuly 30, 2016 at 6:48 pm #666863You are welcome, glad to help :)
Regards,
Josue -
This reply was modified 9 years, 3 months ago by
-
AuthorPosts
- The topic ‘sub menu style’ is closed to new replies.
