Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #265857

    Hi there,
    i am looking for a solution to style a sidebar, not only in font, font-color, but also in background and highlighted elements (when using f.e. elements from subpages).
    this is how i want it lo look like http://pl.vc/2ic3g

    (in case it doesnt show: it displays menuelements in a sidebar that have a justified outer frame around them. highlighted / (active) elements have no background.)

    my question: does this require a lot adjusting or is this something that can easily be achieved?
    the most important part would be the menuelements to have a background.
    actually quite similar to what the theme offers – but somehow the way round.

    thanks in advance
    Pedro

    • This topic was modified 6 years, 4 months ago by  Yigit. Reason: fixed the HTML issue
    #265858

    Screenshot

    #265859
    #266150

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top .widget_nav_menu li { background-color: blue; margin-bottom: 5px; padding: 5px; }
    #top .widget_nav_menu li a { color: white; }
    #top .widget_nav_menu li:hover a { color: orange; }
    .widget_nav_menu ul:first-child>.current-menu-item, .widget_nav_menu ul:first-child>.current_page_item, .widget_nav_menu ul:first-child>.current-menu-ancestor { padding-left: 0; left: 0; top: 0; }

    Cheers!
    Yigit

    #267452

    this is great!!! you’re the man!!! thanks so much.
    Just one tiny thing – once i have adjusted the whole thing to the left – the textelements are to close to the left border (of the blue frame) – how could i add some margin to the text?

    thanks in advance!
    Pedro

    #267458

    Here is a screen shot. it would probably make more sense to have the blue bars more to the left and leave the text elements wheere they are since they’re adjusted to the rest of the elements (incl. logo etc..) – but i dont know if its even possible…

    http://pl.vc/3xvyn

    #267778

    Hi!

    Thank you for the info.

    You can adjust the left padding with this on QuickCSS or custom.css:

    #top .widget_nav_menu li {
    padding: 5px 5px 5px 15px;
    }

    Cheers!
    Ismael

    #267791

    exactly!! thanks!!
    you guys are simply amazing.
    i really never experienced a better customer support from a theme’s support team!!
    thanks for that!!
    my best regards!
    Pedro

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Styling the sidebar’ is closed to new replies.