johndiggity Posted January 24 Share Posted January 24 I'm trying to figure out how to customize the left/right arrow button hover states for a banner slideshow. I've found the selector for the button stroke and background colors, but the button background color only changes when rolling over the stroke? I also can't for the life of me get the arrows to change color on hover. The arrows appear to be broken into two elements: the carrot and the horizontal line. Any thoughts? I'm trying to get the button background to change to #FF2F79 and the arrows to change to #FFF7F0 on hover. No change to the button stroke. Any help is appreciated! Link to comment
tuanphan Posted January 27 Share Posted January 27 Hi, Can you share link to page where you use slideshow? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
johndiggity Posted February 8 Author Share Posted February 8 Thanks. https://www.jam-branding.com/about Link to comment
tuanphan Posted February 11 Share Posted February 11 Add this to Design > Custom CSS .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button:hover div { background-color: #FF2F79; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button:hover path { stroke: #fff7f0 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment