Dawn - Add bottom left/right border radius to last accordion row

[IllIlIl1]

Is it possible to add a border radius to the bottom left and bottom right corners of the last accordion row? I’d like to have a border radius applied specifically to the bottom corners of that row. 

Reference Image:

https://imgur.com/a/LdvFV1x

--

Store Link: https://6c34c9-d3.myshopify.com/products/t-shirt-test

Password: yewsto

[Hardik2903]

@IllIlIl1 

Please go to
1) Online store
2) Themes -> Edit theme
3) Layout
4) theme.liquid and paste this code before </head>

<style>
.product__info-container .product__accordion:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
</style>

[topnewyork]

Hi @IllIlIl1 .

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.product__info-container .product__accordion:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[Moeed]

Hey @IllIlIl1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.accordion summary {
    border: solid 1px #ff0000 !important;
}
summary[aria-controls="ProductAccordion-collapsible_tab_FfF9da-template--17664770146483__main"] {
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}
.product__accordion.accordion.quick-add-hidden {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSS-TekLabs]

- Here is the solution for you @IllIlIl1 
- Please follow these steps: 

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.product__info-container .product__accordion:last-of-type {
     border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.