Footer column width

Hi!
I have a 4 column footer on my site. I’d like first column to be 40% of the width, and the rest 20% each. How can I make it?

Thanks in advance!!

Hello there,

Thank you for contacting us. I am happy to help with your queries.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .footer-widgets .sidebar-column.col-md-3:nth-of-type(1) {
     -ms-flex:0 0 40%;
     flex:0 0 40%;
     max-width: 40%;
    }

    .footer-widgets .sidebar-column.col-md-3 {
     -ms-flex:0 0 20%;
     flex:0 0 20%;
     max-width:20%
    }

I hope this reply helps.

Regards,
Kharis
aThemes Support

Thank you!!! It helped a lot.

Problem solved :slight_smile:

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support

What would be the code if I like to let the colums align equally in the footer? I only have 3 colums left but there are now aligned to the left. I would like them to alight equally with same space between them in the footer area.

Hi,

Try this CSS code:

    .footer-widgets .sidebar-column.col-md-3 {
      -ms-flex:0 0 33.3333333333%;
      flex:0 0 33.3333333333%;
      max-width:33.3333333333%;
    }

Regards,
Kharis
aThemes Support