How to center the footer same as demo

  • Hi, I’m using the Canape theme at https://test.kamamalkia.com/

    I’d like my footer information centered, the same way the demo is. How can I do that? Right now I have everything in First Footer Widget and I’ve tried some CSS combos to center it with no luck.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @afrikablam – the centered footer content on the Canapé demo is not a widget, it’s the Site Title, Tagline, and Social Menu:

    Canape A canape is a type of hors d uvre a small prepared and usually decorative food held in the fingers and often eaten in one bite

    I can see how that wouldn’t be obvious!

    You can centre your widget with some custom CSS:

    .footer-widget-area .widget, .footer-widget-area .widget-title {
  text-align: center;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

    An easy way to add custom CSS is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS.

    Let me know if this is what you’re after!

    Thread Starter afrikablam

    (@afrikablam)

    Thank you!
    How did you get the site name, tagline, and social menu to appear constantly at the bottom of the webpage?

    Moderator Kathryn Presner

    (@zoonini)

    Hi @afrikablam

    How did you get the site name, tagline, and social menu to appear constantly at the bottom of the webpage?

    For the site title and tagline, as long as you add them in the Customizer’s Site Identity panel, they should be displayed at the bottom too. And the social links come from the Social Menu, which is a feature available when activating the Jetpack plugin.

    Looks like you got it all figured out, and it looks great!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to center the footer same as demo’ is closed to new replies.