Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #531962

    Hi,

    Great work on the theme, real good work!!

    I want to change the background color of the selected menu item. I found out how to change the background color of the text from the selected menu item, but this isn’t quite what I want to accomplish. (See: http://i.imgur.com/YCNRrAX.jpg)

    What I want to do is to fill in the complete section within the red square appointed in the following image: http://i.imgur.com/Qy5TOfx.jpg)

    Thanks in advance!

    #532096

    Hey tdebrouwer!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_sidebar #header .av-main-nav > li.current-menu-item {
        background: orange;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    #533651

    Hi Yigit,

    Thanks for the fast feedback!
    This helped a lot but isn’t quite what I want to achieve. Please regard the picture in the link below:

    View post on imgur.com

    How do I extend the edges of the blue square so it also include the red colored sections?

    #533877

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    #533916

    Hi,

    I am developing the website local so that is gonna be difficult.
    But regarding this issue I think you can use the default “enfold photography demo” because I didn’t change anything else but changing some pages and titles of the menu items.

    Best regards,

    Tom

    #534061

    Hi!

    Please add following code to Quick CSS as well

    .html_header_sidebar #header .av-main-nav > li > a {
        margin: 0 13%;
    }
    .html_header_sidebar #header .av-main-nav > li {
        margin: 0;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    #534377

    Hi,

    It’s almost the way I want it to work.
    As you can see in the picture below the blue squares on the sides are 1 pixel too low. This is because the grey line of demarcation between the menu items.

    View post on imgur.com

    If I raise the bottom of blue sqaures on the sides the problem will be solved, except then I have a problem with the last menu item. As then the blue squares on the sides will be 1 pixel too high in comparison to the middle section. Because below the last menu item there is no grey line.

    Is there a possibility to fix this?
    The only solution I could come up with is to extend the grey line of demarcation between the menu items all the way from left to right.

    • This reply was modified 8 years, 4 months ago by tdebrouwer.
    #536057

    Hi!

    We’re going to need to see the site live in order to help you, please let us know through this topic when you upload it somewhere.

    Regards,
    Josue

    #592326

    Hi guys,

    Last week I uploaded the website to live. Could someone take a look to help me with this issue?
    The website can be founded here: http://www.huurboten.com

    Thanks in advance.

    #593516

    Hey!

    To disable the border for the active menu please use this css in Enfold > General styling > Quick CSS

    
    .current-menu-item a {
         border-bottom:none!important;
    }
    

    Cheers!
    Vinay Kashyap

    #597294

    Hey,

    Thanx for your feedback, this solved the problem!!

    Cheers!!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘change background color of selected side menu’ is closed to new replies.