How to change shape of slideshow in Dawn theme

thesummeracai · ‎09-18-2024

Hi everyone! Just a heads up, I'm using the Dawn theme. Just wondering if its possible to change the shape of a part of the slideshow as circled in red for to an irregular shape like a liquid pool? If its not possible an oval would be fine!

BSSCommerce-B2B · ‎09-18-2024

@thesummeracai ,
Step 1. Go to Online Store -> Theme -> Edit code.
Step 2. Open your theme.liquid file

Step 3. Paste the below code before </body> on theme.liquid

<style>
.banner__content .banner__box {
   border-radius: 50px;
}
</style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSS-TekLabs · ‎09-18-2024

Hello @thesummeracai
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

thesummeracai · ‎09-18-2024

Hi! Sorry for the inconvenience as the theme I am currently trying to edit is not published yet.

namphan · ‎09-18-2024

Hi @thesummeracai,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.slideshow__text.banner__box {
    clip-path: polygon(var(--shape--blob-3));
}

☕Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? [email protected]

thesummeracai · ‎09-18-2024

hmm this doesn't seem to work, its still rectangular in shape.

BSSCommerce-B2B · ‎09-18-2024

@thesummeracai ,
Step 1. Go to Online Store -> Theme -> Edit code.
Step 2. Open your theme.liquid file

Step 3. Paste the below code before </body> on theme.liquid

<style>
.banner__content .banner__box {
   border-radius: 50px;
}
</style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

thesummeracai · ‎09-18-2024

Thank you so much it worked!

How to change shape of slideshow in Dawn theme

How to change shape of slideshow in Dawn theme

Community Blog Articles