Adjust footer width

Hello
Im trying to adjust the width of my footer as shown in the image Ive attached. The site is http://pzu.a90.myftpupload.com/
Could you please tell me how to do this… ive tried a bunch of CSS and nothing does the job.

TIA
Rena

Hi Rena,

Please add the CSS code below to Pro > Theme Options > CSS:

footer.x-colophon .x-container {
    max-width: 1060px;
}

Change 1060 to fine tune the width of the footer for your taste.


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

Thank you.

beautiful! I was using the inspector but didnt realize I had to put in x-container too.

Thank you

You’re welcome, Rena.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.