Slider Revolution WP
09.27.2016
Show Content Both Above and Below Main Media
Topics Covered:
- Show content both above and below the main media image (video’s main concept)
- Create a new custom skin for your grid
- Setup skin content to always be visible without a hover
- Add skin elements and customize their styles
- Add custom CSS for the newly created skin
Custom CSS from VideoChange the ".eg-my-awesome-skin-" part to your skin's "Class Prefix".
|
1 2 3 4 5 6 7 8 9 10 11 |
/* Important for making sure the hover bg doesn't overlap the text */ .eg-my-awesome-skin-wrapper .esg-media-cover-wrapper {overflow: hidden} /* Adjust image position from center-center to top-left */ .eg-my-awesome-skin-wrapper .esg-entry-media-wrapper {top: 63px} .eg-my-awesome-skin-wrapper .esg-entry-media img {left: 0 !important} /* Adjust image sizing to work best with our custom skin */ .eg-my-awesome-skin-wrapper .esg-entry-media img {width: 100% !important; height: 100% !important} |
