Atitude pro – CSS for Multi-Column Footer Widgets

[andrearicchiweb]

Ciao!
I am following this tutorial to made a 4-Column footer.

https://sridharkatakam.com/css-multi-column-footer-widgets-genesis/

In the first step I modify functions.php

//* Add support for 4-column footer widgets
add_theme_support( 'genesis-footer-widgets', 4 );

In the second step in the css style I insert:

/* 4-column Footer Widgets
--------------------------------------------- */

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
	width: 22%; /* 264px / 1200px */
	float: left;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	margin-right: 4%; /* 48px / 1200px */
}

@media only screen and (max-width: 1024px) {

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
		width: 47.5%; /* 456px / 960px */
	}

	.footer-widgets-1,
	.footer-widgets-3 {
		margin-right: 5%; /* 48px / 960px */
	}
	
	.footer-widgets-2,
	.footer-widgets-4 {
		margin-right: 0;
	}

}

@media only screen and (max-width: 568px) {

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
		width: 100%;
	}
	
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		margin-right: 0;
	}

}

it seems doesn't see the css

Any suggestions?
Thanks

[Victor Font]

Would you please post a link to the site?

---

Regards,

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

[andrearicchiweb]

For sure Victor: http://www.yourtourleader.com/

[andrearicchiweb]

Any help???

[Author]

Posts