displaynameis1234 Posted October 19, 2022 Share Posted October 19, 2022 (edited) I found an online site that creates shapes and online css codes for it, im trying to add a tilt shape for my sections and i am not able to see it work, why is that? is there something i need to fix in the code? .custom-shape-divider-top-1666204514 { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; } .custom-shape-divider-top-1666204514 svg { position: relative; display: block; width: calc(104% + 1.3px); height: 134px; transform: rotateY(180deg); } .custom-shape-divider-top-1666204514 .shape-fill { fill: #000000; } I want to do it as a start for the "Explore" section on the home page, right under the the video under the header, as it shows on the second picture i uploaded I'd appreciate if you sacrifice few minutes to help me finish only this part :3 here's the website password if u need it yKrss2@1 Edited October 19, 2022 by displaynameis1234 Link to comment
Ziggy Posted October 20, 2022 Share Posted October 20, 2022 How have you added this to the page? Can you share the website URL? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
displaynameis1234 Posted October 20, 2022 Author Share Posted October 20, 2022 https://walrus-drum-amwz.squarespace.com/config/settings/site-visibility Thanks for responding, here is the website Link to comment
displaynameis1234 Posted October 20, 2022 Author Share Posted October 20, 2022 they are 2 pictures uploaded on top of eachother , the tilt shape is what im trying to attach in between first and 2nd section as a divider Link to comment
tuanphan Posted October 23, 2022 Share Posted October 23, 2022 On 10/21/2022 at 12:03 AM, displaynameis1234 said: they are 2 pictures uploaded on top of eachother , the tilt shape is what im trying to attach in between first and 2nd section as a divider What is password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
displaynameis1234 Posted October 28, 2022 Author Share Posted October 28, 2022 I removed the password from the website, sorry for the late response, I had to fix the website with subscription. 🙂 Link to comment
Caroline_Smith Posted October 28, 2022 Share Posted October 28, 2022 When using DevTools, I was not able to see any HTML element with the class name ".custom-shape-divider-top-1666204514" Is there maybe an HTML code snippet that is supposed to go with it? If not, I found this blog post explaining how to achieve slanted sections in Squarespace 7.1 seems to have good reviews: https://www.rebeccagracedesigns.com/blog/slanted-sections-squarespace-7-1 Feel free to email me with any customization inquiries or questions you may have! Free Squarespace Resources: DevTools Minicourse, 11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator 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