HoustonB Posted July 8 Share Posted July 8 (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 July 8 by HoustonB Link to comment
Solution Lesum Posted July 8 Solution Share Posted July 8 @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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment