How can I modify the Impulse theme background and section lines?

Store Design
1

Hello!

I’d like to change the background colour of sections and remove the lines from sections that are currently showing on our home page. I’d also like to make the hero image a static image/colour and not a slideshow, is this possible?

this is our website www.mareeannco.com.au

In terms of inspiration I was looking at https://afternoonpickmeup.com.au/ and they have a static header which is what I would like to achieve.

Thank you.

2

@MareeAnnCo ,

which section’s background color do you want to change?

can you specify the lines where is it there?

banner is there, where is the slide show?

your header is already static?

3

Hello @oscprofessional

Thanks for your reply.

The header is not static, when you go to our website there is a load slider as the section is called “hero (optional slideshow)” we have only chosen one image as we want it to be a static image but when the site is loading it shows as if its going to be a slideshow. We would like it to just load the image like the example shown.

I’ll just focus on that part for now! thank you!

4

@MareeAnnCo

For sticky header…

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.announcement-bar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
5

Hi @MareeAnnCo

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

PageFlyVictor_0-1676965808087.png
PageFlyVictor_0-1676965808087.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

6

@MareeAnnCo

.announcement-bar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

7

Hello!

I may have got the wording mixed up here -

The section the photo is in on my website, this loads when you go onto the website rather than being static. How can I get this section to be a static image?

Thanks,

Ash

8

About this you need to contact the theme so they can check more about its loading mechanism so they can fix it in the best way

9

Oh okay, thank you! I’ll contact them! Thank you!