Jump to content

How do I identify the correct data section?

Go to solution Solved by Lesum,

Recommended Posts

Posted (edited)

On my site, I plan to have some floating banners right after the landing video on the home page. I'm not too familiar with CSS, so I'm referring to the YouTube video below in order to make this happen.

https://www.youtube.com/watch?v=2YJECWoKzjg

Quickly into the video, I know that I'm missing something. When I'm trying to add the correct data section id, I'm testing if it works by adding a slight bit of padding (which is the first thing the person does in the video). Despite doing so, nothing happens. I also tried testing it on a blank page. 

 

Padding test for the home page:


[data-section-id="66620745e3416c4d9b89479d"] {
padding-bottom: 100 px;
}

 

Padding test under "New To Camp":


[data-section-id="668c56cb365a8a799cec4e53"] {
  padding-bottom: 100 px;
}

 

Am I doing this right, and why might I not be seeing any effects? I'm guessing when I'm inspecting the sections, I'm choosing the incorrect data section id. Any help is much appreciated.

 

https://chrysalis-blackbird-zp9b.squarespace.com/

ICC

 

Edited by HoustonB
Link to comment
  • Replies 1
  • Views 120
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

@HoustonB There are errors in the code you shared. There shouldn't be any space between '100' and 'px'. It should look like the following:

[data-section-id="66620745e3416c4d9b89479d"] {
  padding-bottom: 100px;
}
[data-section-id="668c56cb365a8a799cec4e53"] {
  padding-bottom: 100px;
}

Additionally, You might find this tool useful to find ID's on your Squarespace page: Squarespace ID Finder

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.