How to alter the homepage background color on Taste theme?

Store Design
, ,
1

Hello,

I’m wanting to change the colour of our background but on the homepage only.

The colour I would like to change it to is HEX code: #1500e3

Here is a preview link to our website.

https://va15lqj1ftozvt3l-55043031221.shopifypreview.com

I am using Taste theme.

Thanks!

2

Hi @Elliott94 ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Layout->/theme.liquid->paste below code before :

{% if template contains 'index' %}

{% endif %}

I hope it would help you
Best regards,

Kate | PageFly

3

Amazing thanks @PageFly-Kate that worked perfectly!

4

Hello @Elliott94

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

{% if template contains 'index' %}

{% endif %}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

@Elliott94

You should update the code to align the image to the center of the screen, it will not be skewed on wide screens

Screenshot at Feb 09 20-00-50.png
Screenshot at Feb 09 20-00-50.png2035×976 157 KB

6

Hi @GemPages this is exactly what I’d like to do but I’m struggling. I’d like it to be centre and middle if possible, so it shows on the middle in mobile.

This is the code I currently have, this is in theme.liquid also, directly under - {{ content_for_layout }}

{% if template.name == 'index' %}
        
![Hennerton logo|1600x998](upload://liEGgm7HBwFxkIDyljNc0jCobzY.jpeg)

      {% endif %}

Any help would be much appreciated. Thanks!

7

@Elliott94

Please try again with the following code:

{% if template contains 'index' %}

{% endif %}
8

@GemPages that worked perfectly, thank you so much!