Front Page Featured Posts Widget in Infinity Pro

[reachself]

How can I add a featured post widget in the front page of the infinity pro theme?

I want the three recent posts to show up with the featured images a grid format, 1 row, 3 columns, with the title and excerpt below the images.

When I try to insert the widget into page 4, the posts show up vertically, like they would in the sidebar. I can't figure out how to fix this.

Home

https://www/reachingself.com

[reachself]

The correct URL

Home

[Brad Dalton]

There's different CSS rules you can use to do this.

Like this :

 
.front-page-4 .entry {
	width: 33%;
	display: inline-grid;
}

Or

CSS Grid https://www.w3schools.com/css/css_grid.asp

---

Tutorials for StudioPress Themes & WooCommerce.

[reachself]

Thank you! I used the first one and it worked!

Unfortunately though, it's not mobile responsive. The posts become bunched up on mobile. How can I fix this?

[Brad Dalton]

You need CSS for media Queries. https://www.w3schools.com/css/css3_mediaqueries_ex.asp

---

Tutorials for StudioPress Themes & WooCommerce.

[Brad Dalton]

So wrap this CSS rule in a media query and change the width to 100%

.front-page-4 .entry {
    width: 100%;
    display: inline-grid;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[reachself]

Awesome, thank you so much!

[Author]

Posts