msnyder Posted June 19, 2023 Posted June 19, 2023 Here's a Simple Gallery set to "Full" on my homepage. I also added CSS for a background image (behind gallery). However, you'll notice the top/bottom don't have padding and immediately transition to the next section. This bugs me because I want to see the background in these areas. Is there CSS to add padding to the top/bottom of this Simple Image Gallery set to "Full" ? Website URL: www.snydertv.com
tuanphan Posted June 20, 2023 Posted June 20, 2023 Add this CSS body.homepage article section:first-child { top: 10px !important; } msnyder 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
msnyder Posted June 20, 2023 Author Posted June 20, 2023 3 hours ago, tuanphan said: Add this CSS body.homepage article section:first-child { top: 10px !important; } Thank you! How do I add space to the bottom? This is only working for top.
tuanphan Posted June 22, 2023 Posted June 22, 2023 On 6/20/2023 at 11:03 AM, msnyder said: Thank you! How do I add space to the bottom? This is only working for top. I see you removed background. Do you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
msnyder Posted June 22, 2023 Author Posted June 22, 2023 15 hours ago, tuanphan said: I see you removed background. Do you still need help? Yes, please! The coding you provided only applies to top.
tuanphan Posted June 25, 2023 Posted June 25, 2023 On 6/20/2023 at 11:03 AM, msnyder said: Thank you! How do I add space to the bottom? This is only working for top. You can try this body.homepage article section:first-child { bottom: 10px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
msnyder Posted June 26, 2023 Author Posted June 26, 2023 20 hours ago, tuanphan said: You can try this body.homepage article section:first-child { bottom: 10px !important; } This oddly doesn't work for the bottom. It adds padding, but it's white and doesn't match the background. Also, the top's padding doesn't resize itself when I change the size of the browser window. It remains it's designated "px" size and looks disproportionate when everything else sizes up/down. Any way to change this?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment