Content alignment

  • Hello,

    I’m a newbie and cant quite work out how to get my content to centre align, I am happy to add/delete things from the style sheet but dont want to break anything. Please can you tell me how to centre align my content? My website is https://www.henpartycornwall.co.uk thank you.

Viewing 9 replies - 1 through 9 (of 9 total)

  • Which element were you looking to centre align? It seems to be aligned correctly on FF 24.

    TT

    Thread Starter lisa_taylor

    (@lisa_taylor)

    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

    Thread Starter lisa_taylor

    (@lisa_taylor)

    Sorry maybe not explaining myself well, if you look at https://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)

    Thread Starter lisa_taylor

    (@lisa_taylor)

    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

    Thread Starter lisa_taylor

    (@lisa_taylor)

    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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Content alignment’ is closed to new replies.