Site logo

Archived topic

Control margin between footer title and sub-menu items

3 replies · Started by Faris on May 23, 2022

Viewing posts 1–4 of 4

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?

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;
}

Wonderful! Thank you Ying!

You are welcome :)

This archived topic is closed to new replies.