Archived topic
Resizing Footer Widgets
7 replies · Started by Leland on May 7, 2022
I'm using the "Marketer" pre-built site and not sure I'm entirely understanding the footer section. There are 5 footer widgets. I only want to use 3 and I want the first one to be 50% and the other two at 25% width. I used the following code, but nothing changed.
.footer-widgets .footer-widget-1 {
flex-basis: 50%;
}
.footer-widgets .footer-widget-2 {
flex-basis: 25%;
}
.footer-widgets .footer-widget-3 {
flex-basis: 25%;
}
My website is live for the time being to let anyone check it out http://www.lelandyarnell.net
Thanks in advance!
Hi Leland,
Your site is under maintenance mode, can you create a user account for us to see your site?
Thanks!
Should be good to go now! Also, I figured out where to change it to 3 footer widgets, but didn't fix the issue.
Hi there,
go to Customizer > Layout > Footer and set the Footer Widgets to 3.
I have that part figured out Mr. David, see my original post. The issue is the resizing. The code I posted does not resize the 3 widgets.
Your CSS is nested inside a @media query. Remove your CSS and paste it at the very top of the Additional CSS.
And you need to set the Widgets to 3 as your site is still showing 5 widgets.....
Thanks David! That worked! Haven't dabbled with websites in over 5 years so I completely forgot about ordering makes a difference in CSS. Thanks again!
Glad to be of help!
