Archived topic

Centre Single Footer

3 replies · Started by Catherine on January 14, 2021

Viewing posts 1–4 of 4

January 14, 2021 at 6:18 am #1618364

I want to use one footer widget and make it wide so that it mostly fills the container.

I have the footer width set to full and the inner footer width contained.

I would also like the text inside the widget to be centred.

I have tried a few variations of GP CSS suggestions I founbd using google search. They nearly worked in that they shifted the widget itself nearer the middle but the text wasn't centred despite the CSS being written for that.

.inside-footer-widgets {
display: flex;
justify-content: center;
}

.inside-footer-widgets > div {
flex-basis: 620px;
}

If I change the 620px to 500px it narrows the widget size but on my installation, the contents within the footer aren't centred.

Any ideas?

https://tarotelements.com/

January 14, 2021 at 7:17 am #1618625

Hi there,

try this CSS:

.inside-footer-widgets {
  display: flex;
  justify-content: center;
}
.footer-widgets .inside-footer-widgets > div {
  flex-basis: 600px;
  text-align: center;
}

January 14, 2021 at 7:56 am #1618690

That's looking perfect - many thanks!

January 14, 2021 at 8:14 am #1618707

You're welcome

This archived topic is closed to new replies.

Start building better websites today.