Remove Grey Lines From Homepage Sections - Prestige Theme

Store Design
1

Hey guys,

Each section on the homepage is broken up by these grey lines. Do you know how we can remove them for specific sections?

Screenshot 2022-11-02 at 16.33.43.png
Screenshot 2022-11-02 at 16.33.43.png3150×1106 104 KB

https://www.luxuryblanks.co.uk/

pw: ialald

Thank you!

1 Like
2

@Turnip

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.shopify-section--bordered + .shopify-section--bordered { border: none;}
3

Hello @Turnip

Try this code: it will be helpful-

Go to the online store> Theme> Edit Code> Assets> theme.css>Add code in this file.

.shopify-section--bordered + .shopify-section--bordered {
   border: none !important;
}
4

Hello @KetanKumar - thanks for your response!

This works for all sections, but how do apply this to specific sections and not others?

I’d like to selectively apply the borders to specific sections, not every single one, and not none.

e.g. remove borders from all sections other than the Timeline & Shop The Look sections, where borders should be applied.

Is this possible?

Many thanks,

George

5

Hello @oscprofessional - thanks for your response!

This works for all sections, but how do apply this to specific sections and not others?

I’d like to selectively apply the borders to specific sections, not every single one, and not none.

e.g. remove borders from all sections other than the Timeline & Shop The Look sections, where borders should be applied.

Is this possible?

Many thanks

6

Hello @Turnip

Try this code: it will be helpful to you-

Go to the online store> Theme> Edit Code> Assets> theme.css>Add code in this file.

div#shopify-section-template--16516971921647__165954421736a066c9.shopify-section--bordered + .shopify-section--bordered {
    border: none !important;
}