Jump to content

Box-shadow padding

Recommended Posts

Site URL: https://www.raylabailey.com/baileyblueprint

Code help please
I used this code:
.sqs-col-6 {border: 5px solid #009fc2;
width:40%!important;
margin-left: 7%; box-shadow: 5px 5px 10px rgba(173,224,235,1)}
.sqs-col-6:hover{box-shadow: inset 5px 5px 10px rgba(173,224,235,1)}
@media only screen and (max-width:768px){
.sqs-col-6 { margin-left:0%!important;
margin-bottom: 5%}}
for my pricing tables. Two screenshots below. As a standalone page, the code works, but when I add the section with the code to an indexed page, it no longer works. I added the code to the indexed section and it applies to other parts of that page which I don’t want. The goal is to have the payment options in boxes as seen in one of the screenshots. Any tips would be greatly appreciated! Thank you. Page is https://www.raylabailey.com/baileyblueprint

Screen Shot 2020-08-26 at 2.45.48 PM.png

Screen Shot 2020-08-26 at 2.45.18 PM.png

Link to comment
  • Replies 5
  • Views 589
  • Created
  • Last Reply

Hi,
You used common CSS. Mistake is here! You need to target your section with that unique ID from Inspect Element of your browser.
Please let me know which section you want to modify exactly that I'll give you the ID of that.

Please use the like button if it helps you!

Best,
Leopold

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.