Slider Revolution WP
09.27.2016
Create Circled Grid Items
The following setup describes how you can transform your grid items from traditional square shapes to perfect circles.
1. From the "Grid Settings" tab, set the "Grid Layout" to "Even", and then enter "4x4" for the "Items Ratio X:Y".
Give your items some spacing, which usually looks best for circled items.
3. Navigate to your grid's Item Skin Editor, and apply the following settings.
4. Add the following Custom CSS to the "CSS Editor", and replace the "my-skin-name" parts with the name of your chosen skin.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
.eg-my-skin-name-wrapper .esg-entry-media, .eg-my-skin-name-wrapper .esg-overlay, .eg-my-skin-name-wrapper .esg-media-poster { overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; } |
