Archived topic
aligning footer items
10 replies · Started by Tony on September 12, 2021
hi gp,
i am trying to align the copyright , privacy policy and site map and place them all in the centre as the copyright info is currently. i've tried to align them but couldn't...any help...
please see temp link
Hi Tony,
Can you try to set the Footer Bar Alignment to center at customizer > layout > Footer?
https://www.screencast.com/t/B6qfGoSinHpe
Let me know :)
hi Ying,
i've tried that, but that just bring in the copyright and privacy policy titles in the middle/centre.
i want the copyright on the left and privacy/sitemap on the right aligned in the middle.
right now, copyright is left and aligned in the middle, however the privacy/sitemap is a little bit higher on the right...have a look from the temp link.
copyright , privacy policy and site map and place them all in the centre
i’ve tried that, but that just bring in the copyright and privacy policy titles in the middle/centre.
Reading these 2 sentences, I'm really confused, what are you exactly trying to achieve?
Maybe a mockup to help me to understand better?
hi Ying,
on the footer, i would like the copyright text on the left and the sitemap and privacy policy on the right as you see it now.....
what i need help with is...aligning sitemap and privacy policy to be equally on the same level as copyright text...as right now...it's slightly when you compare it across the width.
sitemap/privacy policy
copyright
as you see in my mock up haha, sitemap is a step higher when compared to copyright text....i need them to be on the same level...hope that helps.
Hi Tony,
Can you try adding this CSS?
aside#block-8 p {
margin-bottom: 0;
}
The default margin-bottom WordPress adds for the p tags is misaligning the footer bar items.
that worked perfectly, thanks Elvin.:)
sorry Elvin,
the problem is back again despite the css entered. please use temp log in to have a look. thank you.
It seems you modified the paragraph block? So the id changed from 8to 11, try tis CSS instead:
.footer-bar p {
margin-bottom: 0;
}
thank you Ying, all done, works fine.
You are welcome :)