Jump to content

CSS not working

Go to solution Solved by christyprice,

Recommended Posts

Site URL: https://bit.ly/3yCuhgp

Hi. I'm trying to make a few CSS edits but it seems that is no working. For example I'm trying to round the corners of the videos targeting the video block whit this code:

#block-yui_3_17_2_1_1652714663019_4755 {

  border-radius : 25px!important;
  
  }

 

I also tried for doing it all at the same time:

.sqs-block-video img {
    border-radius: 18px !important;
}

 

But just work in the first video from the left and is not really round. It has in one end a nice curb and in the other a hard edge. I have that code right now. 

Regards

 

 

Captura de pantalla 2022-05-16 a las 20.17.09.png

Captura de pantalla 2022-05-16 a las 20.24.30.png

Link to comment
  • Replies 2
  • Views 216
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Try targeting the overlay class:

.sqs-video-overlay {
    border-radius: 18px !important;
}

 

christyprice.com  🇺🇸 Austin, TX US 

 Get my 100+ item Client Process Checklist for $17.
📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts
🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz)
🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.