Container column styling in footer - X theme PRO

[hyperdrive_boom]

Good afternoon,

I have 4 columns in my pro footer:

The bar is a row and the containers are columns. However I have come across a styling issue. Within each column I wish to have images and text inline with each other rather than below. Please see this image. The top is what I want, the one under is what it looks like at the moment.

Please advise. Thank you
Jason

[friech]

Hi Jason,

Thank you for writing in, you actually almost got it, instead of using a separate image and text element, use the Headline element, headline element has both the graphic and text option so you can have that inline. The 4th container which contains the social icons, you can set its Flexbox Child Placement to Row so the icons will be inline, and the Align Vertical to start so it will start at the top of the container.

If you have time, please watch this tutorial you might learn a thing or two.
Gooder Footers: Force Responsiveness with the Line Element

Hope it helps,
Cheers!

[hyperdrive_boom]

Thank you for this @friech and super close now thank you!

The first 3 containers look great now. The first I have followed what you advised and though in the preview it looks almost there , the actual ‘live’ footer it looks wrong. Please advise

Thank you!

[friech]

Hi Jason,

On the Social Media Text element, please set its width to 100% and a margin-top of 45px. 45px is the same height as the gap in the other containers.

Cheers!

[hyperdrive_boom]

Thank you for update! That did not work but in the end I added a with of 100% to the text ‘visit us’ which pushed down the social media icons down. Then added margin top and bottom to the same text to make the gaps

[lely]

You’re always welcome @hyperdrive_boom.

Glad you were able to sort this out and thank you also for updating us.