Widget Genesis – Featured Page apply styling to an individual widget

[ClintN]

Hey there I am using Enteprise-Pro, and the product owner wants to use 4 Featured Page widgets, which means three appear in a row, and the forth appears left-aligned on the next row.

I'd like to center that forth widget, but I've not been able to target any custome .CSS as the nature of the Widgets panel doen't allow me to apply custom .CSS classes.

Is there a hack or something people have been using to do this?

Many thanks in advance

https://staging.nomess.com.au/

[Brad Dalton]

There's at least 2 methods :

1. You can inspect the element to find the id class to target the widget using the id #featured-page-6.

Or

2. You can also use nth-of-type https://www.w3schools.com/cssref/sel_nth-of-type.asp

---

Tutorials for StudioPress Themes & WooCommerce.

[ClintN]

Thanks Brad

[Author]

Posts