Archived topic

Spacing between custom menu title and menu

3 replies · Started by Bruce on April 3, 2016

Viewing posts 1–4 of 4

April 3, 2016 at 1:23 pm #183911

Main question:

My site is uuhamilton.ca If you look at the two sidebars, you will notice that for each custom menu in the sidebar the spacing between the menu title and the first menu item is significant. I want to reduce that spacing (the spacing between menu items in each menu is OK). Am I missing the means to configure that using the Element Spacing add-on or do I need to use custom CSS? If custom CSS, any suggestion?

Secondary question:

You will also notice that some of the links in the sidebar custom menus wrap because of their length. Is there a way to slightly indent the wrap to make it clear that it is a continuation of the link rather than a new link?

Thanks for any help you can provide.

April 3, 2016 at 7:55 pm #183947

Hi Bruce,

1. You need some simple CSS:

.widget-title {
    margin-bottom: 10px;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

2. I don't think this is possible, but you can add a border between each item if you want to create separation:

.widget .menu li:not(:last-child) {
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
}

Hope this helps :)

April 4, 2016 at 4:51 am #184021

Hi Tom:

Thanks for the great support. Both suggestions worked very well. Love the theme and the support.

Bruce

April 4, 2016 at 9:46 am #184096

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.