Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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)

    .

    #665508

    Hey 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,
    Vinay

    #665965

    Hi 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 7 years, 8 months ago by Sadegh.
    #666849

    Hi,

    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,
    Josue

    #666861

    Hi Josue,

    Thanks a lot for your reply, it all worked for me.
    (you may now close the topic)

    Regards,
    Sadegh

    #666863

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘sub menu style’ is closed to new replies.