Archived topic
Formatting of footer bar items - horizontal alignment, separation and listing
7 replies · Started by Paul on June 18, 2021
Hi,
I need to format the footer bar as follows:
1) Horizontally align the copyright message with the navigation menu items added to the footer bar. Currently, the navigation menu
items are above the copy right message and cannot find resource to assist,
2) Adjust the spacing of the navigation menu items in the footer bar. This seems fixed.
Lastly, I added bullet listing to the side bar navigation list. This bullet list is now also on the navigation menu in the footer bar. How do I remove it?
Thanks
Hi there,
can you provide a link to your site so we can see the current layout.
Check out the footer bar http://www.jc.ayixa.com/
Can you disable Autopimize and any other caching plugin so I can see the CSS you've already added?
Hello Leo,
Autoptimise disabled.
I have also copied the css I have below (just in case):
------------------------------------------.navigation-branding .main-title {
letter-spacing: 0.2em;
line-height: 1.5em;
}
.widget ul {
color: #80aaff;
margin: 0 0 1.5em 1.5em;
}
.widget ul li {
list-style-type: disc;
}
.main-navigation .main-nav > ul > li:not(:last-child) {
margin-right: 10px;
}
Hi Paul,
You'll need to change this CSS:
.widget ul {
color: #80aaff;
margin: 0 0 1.5em 1.5em;
}To this:
.sidebar .widget ul {
color: #80aaff;
margin: 0 0 1.5em 1.5em;
}Change this CSS:
.widget ul li {
list-style-type: disc;
}to this:
.sidebar .widget ul li {
list-style-type: disc;
}To add margin to the footer menu items:
ul#menu-footer-bar-menu li:not(:last-child) {
margin-right: 30px;
}Perfect, thank you!
No problem :)
