How do I get my transparent header to only be in the homepage on Dawn

Store Design
,
1

I went through all the answers on this community and got the header transparent but I only want it on the homepage.

How can I make it a colored background

2

Hi @Rose1212

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

  1. Go to your Shopify store’s admin panel.
  2. Click on “Online Store” and then “Themes”.
  3. Find the theme that you’re using and click on “Actions” and then “Edit code”.
  4. In the “Sections” folder, look for the file called “header.liquid”.
  5. Add the following Liquid script to the file, before the closing </header> tag:
{% if template == 'index' %}
  
{% endif %}

PageFlyKate_0-1675456568411.png
PageFlyKate_0-1675456568411.png1891×869 78.7 KB

This rgba() value is my example. You can adjust it to suit your needs

  1. Save your change

Hope my answer will help you

3

Thanks. Its not working.

4

Hello @Rose1212

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

5

Thanks. I couldn’t find the code. I used ctrl +f to try find it
too.

6

Hi @Rose1212

You can find the tag on header.liquid file and paste my code just above it

7

Hi can you tell me where to add it in the coding attached.