Tagged: footer
Hi Kriesi,
How can I centre the content in my footer, so that the copyright text appears centred, and the social media links appear below, also centred, in a second row underneath the copyright text?
Is it also possible for the social media icons to appear in their respective colours, or with the circular background colours, rather than these just appearing on rollover?
Thanks, Richard
Hey Richard!
Please add following code to Quick CSS
.copyright {
width: 100%;
text-align: center;
}
#socket .social_bookmarks {
float: none;
left: 43%;
}
Cheers!
Yigit
Thanks Digit, this works well on full browser width, but on a smaller screen like an iPad the social media icons are off-centre. How can they be truly centred?
Hi!
Try adding this.
#socket .social_bookmarks {
float: none;
left: 50% !important;
transform: translate(-50%);
width: 160px !important;
}
Cheers!
Elliott
Thanks Elliot, unfortunately it’s still not centering
Hi!
It looks centered to me, how would you like it to look instead? Please provide us with screenshots and/or a detailed explanation so that we can understand better.
Best regards,
Rikard
Hey!
I think you are getting cached results, this is what I’m seeing on my end: http://imgur.com/cqVs4Pc. Please try to empty your browser cache and reload a few times. Also, what browser are you using to get these results?
Best regards,
Rikard
Thanks Rikard,
I’m sorry but it’s definitely off. I’ve refreshed cache etc.
I am using Safari on Mac
Hi!
You are going to need to adjust the code Elliott posted to keep icons centered on all screen sizes. If you need further customization, please ask for a quote from Codeable team using form here – http://kriesi.at/contact/customization
Cheers!
Yigit