billyklein Posted March 27, 2021 Share Posted March 27, 2021 Would anyone know how to round .page-section borders? I have tried border-radius: 25px but it doesn't do anything. This the code I have which adds colour to the borders but the rounding radius code does not work. // Side wide Section round corners // .page-section { border: 5px double red border-radius: 25px } Can anyone help? Thanks! Link to comment
Beyondspace Posted March 30, 2021 Share Posted March 30, 2021 On 3/27/2021 at 12:59 PM, billyklein said: Would anyone know how to round .page-section borders? I have tried border-radius: 25px but it doesn't do anything. This the code I have which adds colour to the borders but the rounding radius code does not work. // Side wide Section round corners // .page-section { border: 5px double red border-radius: 25px } Can anyone help? Thanks! try /* Site wide section round corner */ .page-section { border: 5px double red; border-radius: 25px; overflow: hidden; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
billyklein Posted April 2, 2021 Author Share Posted April 2, 2021 On 3/30/2021 at 8:57 PM, bangank36 said: try /* Site wide section round corner */ .page-section { border: 5px double red; border-radius: 25px; overflow: hidden; } Thank you so much! It worked really well 🙂 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.