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

Rayla

Question

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

Edited by Rayla
title change
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Posts

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

Posted Images

5 answers to this question

Recommended Posts

  • 0

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 post

Create an account or sign in to comment

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


×
×
  • Create New...