[Resolved] Control margin between footer title and sub-menu items

[User 7]

Hello team,

Following this topic and this css code snippet by David:

.footer-widgets .widget-title {
display: inline;
border-bottom: 1px solid #eb9812;
/* Add space between title and border */
padding-bottom: 5px;
}

I could add the underline to the footer title to have a nice and organised footer menu. Just one more thing please; What line I need to add to control the margin between the footer title and the sub-menu items?

[Ying]

Hi there,

When the widget title set to display: inline;, the margin won’t work.

Try add this CSS to add margin on the text widgets.

.menu-footer-menu-container, .footer-widgets .textwidget {
    margin-top: 20px;
}

[User 7]

Wonderful! Thank you Ying!

[Ying]

You are welcome 🙂

[Author]

Posts