What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: how to take out lines on the tabs/accordion of a product page

Solved

how to take out lines on the tabs/accordion of a product page

ali219
Excursionist
16 0 5

store url: https://7e7d4a-12.myshopify.com/
password: Qwerty123

ive gotten help to add the lines before just wanted some help to get this finishing touch

so i wanted to take out these lines first picture is in web

ali219_0-1728419296766.png

and second picture is in mobile

ali219_1-1728419445979.png

trying to get rid of the lines that im pointing at in my screenshots. 

Accepted Solution (1)

EBOOST
Shopify Partner
1248 324 373

This is an accepted solution.

Hi @ali219 ,

 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag

<style>
.yv-main-product-detail p.visually-hidden +  div.yv-product-accordion.sidebar-content {
	border-top: none!important;
}

@media(max-width: 749px){
	#shopify-section-template--23384487297369__main-product .main-product-slider-wrapper {
		border-bottom: none;
	}
}
</style>

EBOOST_0-1728444834570.png

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

Reply 1 (1)

EBOOST
Shopify Partner
1248 324 373

This is an accepted solution.

Hi @ali219 ,

 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png
2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag

<style>
.yv-main-product-detail p.visually-hidden +  div.yv-product-accordion.sidebar-content {
	border-top: none!important;
}

@media(max-width: 749px){
	#shopify-section-template--23384487297369__main-product .main-product-slider-wrapper {
		border-bottom: none;
	}
}
</style>

EBOOST_0-1728444834570.png

 

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤Coffee tips