How can I reduce width of footer widgets

[newedgemarketing]

Hi all,

I want to reduce the number of footer widgets form 4-3 (which I know i need to do initially in my PHP file.

However I want to change the width of those widgets to 50%, 15%, 25%

The trouble is when I look at the css I see this:

.one-fourth,
.footer-widgets .widget-area {
width: 23.828125%;
}

.three-fourths {
width: 74.609375%;
}

.one-fifth {
width: 18.75%;
}

.two-fifths {
width: 39.0625%;
}

.three-fifths {
width: 59.375%;
}

.four-fifths {
width: 79.6875%;
}

.one-sixth {
width: 15.364583333333%;
}

.five-sixths {
width: 83.072916666667%;
one}

And I've no idea what any of it means.

there are 4 widgets so why are the five sixths and one-sixth etc it makes no sense.

https://stevemayall.com

[Victor Font]

The column widths have nothing to do with the footer widgets. The only CSS that has anything to do with the footer widget area widths is the first entry. The way you would read that CSS is:

if the element has the class of one-forth or is a footer-widget area, then set the width to 23.828125%.

The comma in CSS is used to allow multiple CSS classes to use the same directive. It's a shortcut instead of writing each class out individually.

To change the width of each individual footer area, you have to create new directives for each of the footers.

You would add this to style.css:

.footer-widgets-1 {
    width: 50%;
}

.footer-widgets-2,
.footer-widgets-3 {
    width: 15%;
}

You also need to remove the .footer-widgets .widget-area from the first css directive listed above:

.one-fourth {
    width: 23.828125%;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts