Sidebar customization

  • Hello!

    Hoping someone can help with some CSS for the sidebar of my website! I have used the Easy Sidebar widget.

    – I’m trying to get rid of those lines between the menu items, but I’ve tried loads of different CSS and nothing works.
    -I’d also ideally like to make the menu text bolder too.
    – I’d like the sub menu underneath ‘FILMS’ and ‘MUSIC VIDEOS’ to appear when the mouse is hovered over the FILMS and MUSIC VIDEOS tab, rather than the user having to click the arrow. Or alternatively when you click on FILM or VIDEO – the way I got around these being pages was by making them custom links that go nowhere but it confuses the user into thinking they go somewhere.

    Thank you!!!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey,

    These questions are not theme related, you should ask Easy Sidebar author about these, but I’ll try to help as much as I can ??

    1) If there isn’t an option available in the Easy Sidebar plugin, you should be able to remove the bottom border with this CSS:

    #page .widget_easy_sidebar_menu_widget li.menu-item {
  border-bottom: 0;
}

    2) You can use the same selector for making the text bolder and bigger:

    #page .widget_easy_sidebar_menu_widget li.menu-item {
  font-weight: 600;
  font-size: 16px;
}

    3) This really isn’t something I can help you with. The functionality of the sidebar is completely controlled by the plugin and not the theme.

    I hope that helped at least a little bit.

    Thanks!

    Thread Starter jessicaholroyd

    (@jessicaholroyd)

    Thanks for your response, unfortunately, the CSS didn’t work for the first two, but I appreciate your help, especially as this is a separate widget!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar customization’ is closed to new replies.

Tags