carollyne Posted February 12, 2021 Share Posted February 12, 2021 Site URL: http://ymcahome.ca/cardio/ Is there a way for my code to only impact my summary WALL block and not my summary CAROUSEL block on this page www.ymcahome.ca/cardio? This is the code I am using <style>.summary-title:hover {background:#23BCB9!important; color:#FFF!important}.summary-title {border: 2px solid #50bdb8; color:#23BCB9!important}</style> Link to comment
carollyne Posted February 13, 2021 Author Share Posted February 13, 2021 I think I fixed the problem by using this code below except now my text color is black and not white for some reason? Quote <style> .sqs-gallery-design-autocolumns-slide:hover { background:#FFF; border: 1px solid #006c64; color:#23bcb9; box-shadow: 1px 2px #006C64; } .sqs-gallery-design-autocolumns-slide { background: #23BCB9; color:#FFF!important; padding: 10px; font-size:1.5rem; box-shadow: 1px 2px #006C64; } </style> Link to comment
tuanphan Posted February 15, 2021 Share Posted February 15, 2021 On 2/14/2021 at 1:35 AM, carollyne said: I think I fixed the problem by using this code below except now my text color is black and not white for some reason? Hi. Which text? Can you take a screenshot? 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
carollyne Posted February 16, 2021 Author Share Posted February 16, 2021 On 2/15/2021 at 6:03 AM, tuanphan said: Hi. Which text? Can you take a screenshot? Hi Tuan, I am referring to text in the screenshot below. Under Video Library, the words "Cardio", "Strength", etc. is supposed to be white text before you hover and #23BCB9 when you hover on top. I am using this CSS below. Thanks for your help. Quote <style> .sqs-gallery-design-autocolumns-slide:hover { background:#FFF; border: 1px solid #006c64; color:#23bcb9; box-shadow: 1px 2px #006C64; } .sqs-gallery-design-autocolumns-slide { background: #23BCB9; color:#FFF; padding: 10px; font-size:1.5rem; box-shadow: 1px 2px #006C64; } </style> Link to comment
creedon Posted February 16, 2021 Share Posted February 16, 2021 Replace your CSS with the following. <style> .sqs-gallery-design-autocolumns-slide a { color : #FFF; } .sqs-gallery-design-autocolumns-slide:hover a { color : #23bcb9; } </style> Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
carollyne Posted February 16, 2021 Author Share Posted February 16, 2021 55 minutes ago, creedon said: Replace your CSS with the following. Thank you! That worked! creedon 1 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