Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

CSS for only Summary WALL block and not summary CAROUSEL block?


carollyne

Question

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 post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Thank you! That worked!

Posted Images

5 answers to this question

Recommended Posts

  • 0

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 post
  • 0
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?

Link to post
  • 0
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>

 

185626806_ScreenShot2021-02-16at1_27_54PM.png.c2cac915c59a092adba3aef852bb8223.png

Link to post
  • 0

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 best , and see my profile. Thanks for your support!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...