How to centre align text widget in footer

[Jacinta]

Hi guys,

I have looked everywhere for a solution to this within the forum but can’t find anything that works for me.

I currently have a footer containing only some text (inside the footer content area), and a single widget area containing an image widget. I would like my image title to be aligned in the centre and currently it is defaulting to the left. Any way I can change this so it is centred?

http://renopack.com.au/

Thanks!
Jacinta

[lely]

Hello Jacinta,

Your site is in coming soon mode. I can’t see how you setup the footer currently. Though, I can see you have X license, so I will show you a screencast on how to do it using custom CSS. Here it is: https://screencast-o-matic.com/watch/cqelQX0yZ2

   .x-colophon.top .x-column.x-md.x-1-3 {
    text-align: center;
}

Depending on your setup, on how many columns you have on your footer, that selector might change. Follow the steps to get the correct selector.

Hope this helps.

[Jacinta]

Hi Lely,

Sorry about that, the site is now live if you needed to check it again. I only have one column in the footer widget area.

Thanks
J

[Prasant]

Hello J,

Thanks for updating the thread.

You can add following CSS under X > Theme Options > CSS:

footer.x-colophon.top .h-widget {
    text-align: center;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[Jacinta]

Hi Prasant, thanks so much for the code, it worked perfectly!

I will check out the videos you have shared here. CSS is so confusing to me I’d love to know how to do these things myself as I know they are often quite simple.

Thanks again and have a great day

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!