Phil_FD Posted September 10, 2020 Share Posted September 10, 2020 Site URL: https://ellipse-rhubarb-cnfw.squarespace.com Hi everyone, Really frustrated by this one, been trying for ages tonight - hopefully someone can help! I'm looking to change the padding on a single element of the homepage - the section that says 'Colour of the month', so I can have the smaller text row appear closer to the bottom of the module than the global padding settings. What custom CSS can I add to target just that single element's padding? I've successfully targeted block-yui elements in other parts of the site, but seem to be struggling as this is a parallaxing module. Pw is FeroSite2020 Many thanks in advance to anyone who can help. Phil Link to comment
creedon Posted September 10, 2020 Share Posted September 10, 2020 (edited) How does the following work for you? Quote #yui_3_17_2_1_1599716967958_134 { padding-bottom: 0px; } You can adjust the padding to suit. Edited September 11, 2020 by creedon Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
Phil_FD Posted September 10, 2020 Author Share Posted September 10, 2020 16 hours ago, creedon said: How does to following work for you? You can adjust the padding to suit. Hey Thomas, appreciate you taking the time to look at & reply to this. It didn't work exactly, but you definitely put me on the right track. Targeting the next div element down #page-5e5d7bfcf3406001d7b28c42 worked great, all good now. 🙂 Thanks a lot for the help. Phil Link to comment
creedon Posted September 11, 2020 Share Posted September 11, 2020 Glad it worked out even though I was off target. 🙂 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! 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