CSS for centering footer widgets on Tetris theme

  • Resolved BarefootCoach

    (@barefootcoach)


    10 years, 6 months ago

    Hey,

    I know that some expert out there could tell me this in a jiffy – but I’ve spent ages trying different CSS modifications found online, and still can’t get this to work!

    The website is https://www.grassrootshypnotherapy.com

    The three widgets in the footer section naturally sit on the left of their invisble columns, but I’d like them each to be centred within their respective space.

    Could anyone please tell me the CSS to put into my Stylesheet to make this happen?

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

  • Can you add custom class or style to the widget?

    I would make the center one have text-align:center and the one on the far right to be float:right

    I can’t apply this to existing css, because they currently all use the same class names.

    Thread Starter BarefootCoach

    (@barefootcoach)

    Thanks for responding janet4now…

    The theme is a very basic free one, so there’s very little customisation available within the dashboard interface.

    Your suggestion sounds good to me – how do I post that as CSS into my child theme, please?!

    Thread Starter BarefootCoach

    (@barefootcoach)

    It’s OK (I think!) – I’ve used <centre> tags on the middle widget, and managed to create a blank ‘title bar’ on the far right widget, which actually makes it look a lot better.

    Hopefully this will be a sustainable option?!

    I think you can remove that title bar and add this to your css:

    .widget_wpex_social_widget {
float: right;
}

    Since you’ve already fixed the center one, this social icon one we can target with css.

    Thread Starter BarefootCoach

    (@barefootcoach)

    YES! That worked a treat ??

    Thanks for your help janet4now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS for centering footer widgets on Tetris theme’ is closed to new replies.