Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 16, 2014 at 4:23 pm #265857
    aovivo

    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 10 years, 7 months ago by Yigit. Reason: fixed the HTML issue
    May 16, 2014 at 4:23 pm #265858
    aovivo

    Screenshot

    May 16, 2014 at 4:24 pm #265859
    aovivo

    link is: http://pl.vc/2ic3g

    May 17, 2014 at 5:40 pm #266150
    Yigit

    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

    May 20, 2014 at 6:51 pm #267452
    aovivo

    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

    May 20, 2014 at 6:57 pm #267458
    aovivo

    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

    May 21, 2014 at 4:41 am #267778
    Ismael

    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

    May 21, 2014 at 5:36 am #267791
    aovivo

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Styling the sidebar’ is closed to new replies.