Support » Theme: Editor Blocks Child » change footers to align center

  • Resolved Heidi Angove

    (@heidiangove)


    Hi Danny,

    Thanks for all your support so far. My footers all align left right now and need them to align center. How do I do that?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author DannyCooper

    (@dannycooper)

    Hi @heidiangove,

    Have you changed the footer widgets to “float: center” ?

    Only float left and right work in CSS.

    If you want to center-align the text you can use:

    footer {
    text-align: center
    }

    If you want the widgets to be centered within the container it will require slightly more complex code.

    Howdy,

    Just tried that in themes > customise child editor > custom css which obviously doesn’t work. Where do I place the code?

    G’day there

    I am looking for the widgets to be side by side and in the middle. How do I do that?

    Cheer and thanks!

    Theme Author DannyCooper

    (@dannycooper)

    Hi Heidi,

    Where you have:

    .footer-widget {
    float: center;
    }

    change it to:

    .footer-widget {
    display: inline-block;
    }

    Theme Author DannyCooper

    (@dannycooper)

    You will also need:

    footer {
    text-align: center;
    }

    That’s perfect! Thank you. Also added:

    vertical-align: text-top;

    to .footer-widget to bring things nicely aligned at the top.

    Where can I donate to you?

    Theme Author DannyCooper

    (@dannycooper)

    We don’t accept donations, but if you’d like to support our work you can look at our premium plugin – https://fontsplugin.com/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change footers to align center’ is closed to new replies.