front page widget on tablet/mobile not centered

  • Hi,

    I’m creating a website for a client and the theme has worked great so far. As I’ve gone to check its responsiveness on other devices, the front page widget images don’t seem to be centered. They all align left (although the text I have under each image aligns centre).

    I’ve tried editing the code (through my child theme) and I can’t seem to get them in the right position without messing them up on my main site. I know something needs editing in the media queries section on the css but not sure what.

    I’ve added a screen shot as currently the site hasn’t been launched yet!

    Thanks!
    screenshot

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

  • Hi @lauralizard!

    Firstly: Apologies for the delay in reply here. The Automattic team were away at our annual company retreat last week but, we’re back now. ??

    Text and images are indeed set to align to the left in Sela by default. You could override this default setting by adding the following snippet to your child theme’s style.css file:

    .widget {
    text-align: center;
}

    Give that a try and let me know how you get on.

    Thread Starter lauralizard

    (@lauralizard)

    Great, thanks!

    You’re most welcome. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘front page widget on tablet/mobile not centered’ is closed to new replies.