Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.ascend #footer-outer #footer-widgets .col ul li {
width: 25% !important;
float: left;
}
It makes the list horizontal, but the first item is offset, see attachment. Also looks like the padding right of the first item is less than the others too (more noticeable on mobile).
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#footer-outer #footer-widgets .col ul li:first-child {
padding-top: 4px!important;
}
Hi,
Is it possible to add some css to make my navigation menu in my footer to be horizontal rather than vertical?
It does this when the footer is set to 1 column and centred but not when I make the footer area 2 columns.
I only need one column, but do want the nav to be left aligned and the social icons to be right aligned (see attachment)
Finally, any way to reduced the margins between the footer widget and the copyright area?
Thanks,
Rich
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.ascend #footer-outer #footer-widgets .col ul li { width: 25% !important; float: left; }Thanks
ThemeNectar Support Team
Thanks Tahir,
It makes the list horizontal, but the first item is offset, see attachment. Also looks like the padding right of the first item is less than the others too (more noticeable on mobile).
Cheers,
Rich
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
#footer-outer #footer-widgets .col ul li:first-child { padding-top: 4px!important; }Thanks
ThemeNectar Support Team
Great, thanks!
R