Help adding logo and button in dawn theme

Shopify Discussion
1

Hi

I have Dawn theme and want my front page to look like this.

Can anyone help with the code please.

Thank you

https://www.krixcollection.com.au/

password: ontaub

amandaZ2020_0-1716780804013.png
amandaZ2020_0-1716780804013.png1189×667 522 KB

2

Thank you!

3

Hello @amandaZ2020

Welcome to Shopify Community.

Can you tell what changes needs to be done to the header ?

Thanks

4

hi @amandaZ2020

You can follow these steps:

  1. navigate Online Store => Edit code

  2. Choose file image-banner.liquid,

  • Add this code before {%- when ‘heading’ -%}
{% when 'image' %}

image.png
image.png1597×832 54.2 KB

  • Add this code like the image below:
{
      "type": "image",
      "name": "Image Heading",
      "limit": 1,
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "text",
          "id": "image_alt",
          "label": "Image Heading Alt",
          "default": "image_alt"
        }
      ]
    },

image.png
image.png1596×824 42.5 KB

image.png
image.png1590×835 36.5 KB

  1. after step 2, You can add the image of banner in Customize

image.png
image.png1919×921 344 KB

  1. Add custom style
.banner__buttons .button {
  color: rgb(0 0 0) !important;
  background-color: white;
}

image.png
image.png1919×913 412 KB

Result:

image.png
image.png1919×924 376 KB

Hope this can help you

Kind regards

1 Like
5

AMAZING!! Thank you so much @BSSCommerce-HDL !

Worked perfectly.

Do you know how I can change the button (just on the front page) to be 500px wide and responsive?

Also, do you know how I can make that new image (Krix logo responsive)?

1 Like
6

@amandaZ2020 We’re happy to see that our suggestion helped you solve the issue. This can be a reference for other merchants if they have an issue like you. Should you need any further information, please do not hesitate to contact us by tagging directly at Community post. We will check and let you know soon. Thanks in advance :heart_eyes: