Corina Posted August 23, 2023 Posted August 23, 2023 Hello! I added this CSS below to add custom thin black borders to all sections on a website I'm working on, but now when I add a summary block carousel, it pulls in a border directly on top of the carousel content. How can I override this css styling just for the summary blocks? (ex image shows a summary carousel block from a blog page. I hid image and am just showing the titles of the blogs. note how the line/border is appearing. I want it gone) header{ border-left: none; border-right: none; border-bottom: @site-border-style; } .page-section { border-bottom: .5px solid #000 } https://terrier-heron-z3ja.squarespace.com/
Lesum Posted August 23, 2023 Posted August 23, 2023 Hi @Corina What's the password of the website? I can take a look. Thanks! 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?
Solution Lesum Posted August 23, 2023 Solution Posted August 23, 2023 @Corina You can add this code snippet under Website > Utilities > Website Tools > Custom CSS to remove the border header.summary-block-header { border-bottom: none !important; } Joanna1321 1 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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment