Metro Theme – Adding 4th Footer Widget to styles.css file

[DJ CarlParticipant]

I read this page:
https://my.studiopress.com/documentation/tutorials/widget-areas/add-footer-widgets-to-your-genesis-child-theme/

I did what was written for 4 footer widget for the functions.php file, however, what is the CSS code for 4 footer widget for the styles.css file?

3 column footer widget --> 4 column footer widget:

.footer-widgets {
background-color: #fff;
font-size: 18px;
font-size: 1.8rem;
clear: both;
padding: 60px 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
width: 380px;
}

.footer-widgets-1 {
margin-right: 70px;
}

.footer-widgets-1,
.footer-widgets-2 {
float: left;
}

.footer-widgets-3 {
float: right;
}

THANKS!

https://djcarlcom.stage.site/hip-hop-music-2020/

[AnitaKeymaster]

You could try adding this instead. See if that works for you.

//* Add Four footer widgets
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
 width: 25%;
 padding: 1%;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
 float: left;
}

.footer-widgets-4 {
 float: right;
}

---

Training & Request a Customization | Recommended Genesis Developer | My WordPress & Genesis Tutorials

[DJ CarlParticipant]

Hi Anita,

I got the below message when I tried to change this [https://djcarl.com/_website/functions-screenshot.jpg]

"Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP."

May have to get someone more experienced to mess around with this ;(

[AnitaKeymaster]

@djcarl that means you need to use FTP or your File Manager to update the file instead of using the dashboard.

---

Training & Request a Customization | Recommended Genesis Developer | My WordPress & Genesis Tutorials

[DJ CarlParticipant]

Thanks, Anita!

Yep! FTP worked 😉

I just need to figure out how to ADD the 4th column Footer?
website screenshot

Here is my dashboard view

[DJ CarlParticipant]

Hey Everyone!

How does one add the 4th column in the footer? - See screenshot

Here is my dashboard view.

Please advise

[Author]

Posts