Create space between widges

Support
#1

Hi Guys,

This is a follow up on this thread: https://theme.co/apex/forum/t/footer-widget-formatting/13047

I’m looking to achieve the same effect, have both the text in Widget 1 & 4 centered, and to have equal space between them. The CSS suggested in the above thread doesn’t work on this site:

@media (min-width: 768px) {
footer.x-colophon.top .x-column.x-1-4 {
min-height: 1px;
}
}

This is the effect on the footer I’m looking for, any suggestion? :

#2

Hello @billy.rooney,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

footer.x-colophon.top .x-column.x-1-4{text-align: center;}

footer.x-colophon.top .x-column.x-md.x-1-4.last {
    float: right;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

#3

Hey,

Thanks a million for the swift reply but that code didn’t work unfortunately.

#4

Hi there,

The issue with the code not working might be related to the issue I mentioned on your other thread.

I have just checked your site and I could see that the email on the footer is aligned to the right now.

Cheers!

#5

Again, I can only thank you sincerely, you guys are awesome!