Re: How to change shape of slideshow in Dawn theme

Solved

How to change shape of slideshow in Dawn theme

thesummeracai
Tourist
7 0 2

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!

 

Screenshot 2024-09-18 233213.png

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an accepted solution.

@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

Replies 6 (6)

BSS-TekLabs
Shopify Partner
2350 688 806

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
Tourist
7 0 2

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

namphan
Shopify Partner
1518 191 211

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
Tourist
7 0 2

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

BSSCommerce-B2B
Shopify Partner
1954 562 561

This is an accepted solution.

@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
Tourist
7 0 2

Thank you so much it worked!

 

Screenshot 2024-09-18 233213.png