Remove Slightly Visible Line Between Sections (Dawn 9.0.0)

Store Design
, , ,
1

Hello, could someone please give me some quick code to remove the faint line between my banner where it says “SHOP NOW” and featured collection?

MY WEBSITE: Wholesome Boy

428334f66a6482f44936a694939489dc.png
428334f66a6482f44936a694939489dc.png1432×852 107 KB

Thanks,

Justin

2

To remove the faint line between your banner and featured collection, you can use the following CSS code:

/* Replace ".banner-class" with the class or ID of your banner element */
.banner-class {
  margin-bottom: -1px; /* Adjust the value as needed to remove the line */
}
3

Hi @WholesomeBoy ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyHenry_0-1684254503011.png
PageFlyHenry_0-1684254503011.png1600×794 139 KB

PageFlyHenry_1-1684254503014.png
PageFlyHenry_1-1684254503014.png1600×777 197 KB

Hope this answer helps.

Best regards,

Henry | PageFly

4

Hi @WholesomeBoy

This is Noah from PageFly - Shopify Page Builder App

The easiest way to get rid of the line is using another image on your banner. Because that line i come from the image it self. If not you can add code to hide it

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyNoah_0-1684292512196.png
PageFlyNoah_0-1684292512196.png1920×937 103 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly