remove gray lines between sections (dawn theme)

Solved

remove gray lines between sections (dawn theme)

10xfuel
Pathfinder
132 0 15

Hi! How can I remove these thin small gray lines on the homepage at www.krolls.ch ? 

10xfuel_0-1718901296307.png

 

Thank you!

Accepted Solutions (2)

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @10xfuel  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
   @media screen and (max-width: 767px){
   .isolate{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
   }
  }
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

BSS-TekLabs
Shopify Partner
614 174 205

This is an accepted solution.

- Here is the solution for you

- Please follow these steps:

step.png

 - Then find the base.css file.

BSSTekLabs_0-1718903466429.png

Find line 143 and add the following code below line 143.

margin: -1px;

BSSTekLabs_1-1718903566927.png

- Then press 'Save' to save it.

- Here is the result you will achieve:

BSSTekLabs_2-1718903612997.png

 

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

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 2 (2)

PageFly-Noah
Shopify Partner
1317 233 268

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @10xfuel  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
   @media screen and (max-width: 767px){
   .isolate{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
   }
  }
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BSS-TekLabs
Shopify Partner
614 174 205

This is an accepted solution.

- Here is the solution for you

- Please follow these steps:

step.png

 - Then find the base.css file.

BSSTekLabs_0-1718903466429.png

Find line 143 and add the following code below line 143.

margin: -1px;

BSSTekLabs_1-1718903566927.png

- Then press 'Save' to save it.

- Here is the result you will achieve:

BSSTekLabs_2-1718903612997.png

 

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

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency