Change alignement of footer widgets

I would like the 1st and 3rd widget to align right and left respectively to move the images closer to the center on the footer of this site:

http://www.jazzforallages.com/

I have been trying to figure out the selectors for each but can’t seem to get it right.

Help appreciated.

Hi @fnbit,

Please try this code in X > Theme Options > CSS:

.x-colophon.top .x-container .x-column:first-child {
    text-align: right;
}

.x-colophon.top .x-container .x-column:last-child {
    text-align: left;
}

.x-colophon.top > .x-container {
    max-width: 500px;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

It helped a lot. Got it where I want it by manipulating the max width. Thanks!

Glad we could help.

Cheers!

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