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!!
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
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