Archived topic
Control margin between footer title and sub-menu items
3 replies · Started by Faris on May 23, 2022
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 :)