Block Colour Line at Bottom of Dawn Theme

Store Design
1

Hi, I have a hot pink line that continually shows on my website, using the Dawn theme in Shopify. It stays at the bottom of the page as you scroll down and disappears when you reach the footer. It appears on every single page of my website which is https://www.voluptuousvolumes.co.uk/

Can anyone tell me how to remove this?

Many Thanks

2

Hi @iamemmamoss Just go to Online Store > Edit Code > search and open base.css file and go to the line number 2770 where you will find code like below -

.gradient {
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

Just remove this code your pink line issue will fix.

Please let me know if works and mark as solve!

1 Like
3

Hi @iamemmamoss ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
4

Hey [email removed]Iamemmamoss

Thanks for reaching out.

I appreciate the context and URL that you have shared with us as that is very helpful!

Looking into the Dawn theme, I did some investigating and did not see an available method using the Theme Editor to remove the solid line that is appearing towards the bottom of your store page. Could you let us know if you have made any custom coding changes to the theme?

When taking a look at your store I did notice that you do not have a f****avicon set for your website. A favicon is a small square image that represents a website in web browser tabs. If you take a look at the top tab bar of your browser right now, I’m sure you’ll see several favicons! Typically, favicons feature a logo, the first letter of the company name or simply an image that reflects the specifics of the website it represents.

Adding a favicon to your online store can help strengthen your brand and add a polished look to your website. You can click on this link to read instructions on how to create and add your own favicon your store. Keep in mind that these images are displayed quite small, so it’s good to keep in mind that the image you use should be readable at small sizes.

Looking forward to your response.

5

Amazing, thank you! This worked a treat!

6

Amazing, thank so much for the advice :slightly_smiling_face:

7

@iamemmamoss

please add the following CSS code to your layouts/theme.liquid before tag.

Thanks!