Which element were you looking to centre align? It seems to be aligned correctly on FF 24.
TT
thank you for the swift response, on the homepage I have centre aligned using the editor, but I want the text in the middle of all pages instead of centre aligning and getting the indents in the paragraph, if you know what I mean?
Hi,
I’m not sure exactly what you mean, but a simple way of centre aligning an element is to give it a width and then set the left and right margin to auto. For example:
#yourelement {
width: 800px;
margin: 0 auto;
}
You will need to give more specifics if you need additional help.
TT
Sorry maybe not explaining myself well, if you look at http://www.henpartycornwall.co.uk/inspire/ the content is all left aligned I would like it to be in the centre of the page but not like this
blahblahbalahblahblahblahblahblah
blahblahblahblahblahb
blah blahblah
But like this
Hen Party Cornwall wants to inspire
you to create a fabulous hen night
I guess I like you say I need padding or a margin but in which style sheet do I add it as there are so many?
(sorry if I am being a dumbass)
damn it left aligned my example
Try something like this:
.homecontent * {
width: 640px;
margin-left: auto;
text-align: left !important;
margin-right: auto;
}
Check your theme settings to see if there is an area to add your own CSS rules. Otherwise you could try adding this to the bottom of: /wp-content/themes/virtue/assets/css/skins/default.css
I hope that helps.
TT
Thank you very much for your help, I’ll give it a go!
how would I center align widgets I add to columns in the footer. I have three columns ( picked the three column layout from main settings) in the footer. The left column has a social media widget, but its left aligned and I would like it to be in the center.
Thanks
@lisa_taylor Your using a page with a sidebar so you might want to add somthing to that sidebar or just use a fullwidth page template. Here is some custom css to try. You will add it to your custom css box in the theme options > advanced settings:
#content {text-align: center;}
Worth noting that in the content area you can use the wordpress editor to center the text.
@daversm
add this to your custom css box in the theme options > advanced settings:
.virtue_social_widget a {
display: inline-block;
float: none;
}
.virtue_social_widget {
text-align: center;
}
Kadence Themes
