Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 8, 2015 at 4:13 am #531962
    tdebrouwer

    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!

    November 8, 2015 at 3:12 pm #532096
    Yigit

    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

    November 10, 2015 at 8:27 pm #533651
    tdebrouwer

    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?

    November 11, 2015 at 8:58 am #533877
    Rikard

    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

    November 11, 2015 at 10:55 am #533916
    tdebrouwer

    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

    November 11, 2015 at 3:10 pm #534061
    Yigit

    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

    November 11, 2015 at 9:03 pm #534377
    tdebrouwer

    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, 12 months ago by tdebrouwer.
    November 15, 2015 at 11:53 am #536057
    Josue

    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

    March 2, 2016 at 10:33 pm #592326
    tdebrouwer

    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.

    March 4, 2016 at 8:49 pm #593516
    Vinay

    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

    March 12, 2016 at 11:45 pm #597294
    tdebrouwer

    Hey,

    Thanx for your feedback, this solved the problem!!

    Cheers!!

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