Add background color to left footer widget

[lomaymi]

Greetings!! I'm making a custom design using Genesis Sample and I'm looking to add a unique background color to the left footer widget of the page and have all the others black (just like the Digital Pro Theme). What I did was add the following on the Footer Widget CSS code:

.footer-widgets-1 {
	margin-right: 60px;
	background-color: #e85555;
}

This accomplished what I want, but the problem is that left of the widget 1 area is black. The background color I added is not extending to the left to fit larger screens. Is using the background color of the .footer-widgets.
Any help will be appreciated.

[Victor Font]

To accomplish what you want with the genesis Sample theme, you have the change the max-width of the genesis-footer-widgets wrap. Add this to your style.css:

.genesis-footer-widgets .wrap {
    max-width: 100%;
}

---

Regards,

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

[lomaymi]

Thanks Victor for your help. This put me on the right direction.

[Author]

Posts