How can I modify the color and position of my image banner button?

Store Design
1

I would like to change the color of the image banner button. The border and text to red and also move it further down the page.

2

IMG_4693.PNG
IMG_4693.PNG1170Ă—2532 92.3 KB

3

Hi @ericsoho ,

It looks like it’s been fixed. If you have any help, feel free to contact me.

Thanks you

4

I did get the color fixed, but i still need to figure out how to change the words “shop” to red and be able to move the button further down the page

5

IMG_4701.PNG
IMG_4701.PNG1170Ă—2532 101 KB

similar to this spacing

6

Hi @ericsoho ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css->paste below code at the bottom of the file:
@media (max-width: 749px) {
    #shopify-section-template--15250155274446__image_banner,
    #Banner-template--15250155274446__image_banner {
        height: 100%;
    }

    #Banner-template--15250155274446__image_banner .button {
        color: red;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like
7

Are you able to share code that would move the button down?

8

Hi @ericsoho ,

This is css code:

#shopify-section-template--15250155274446__image_banner,
#Banner-template--15250155274446__image_banner {
    height: 100%;
}
1 Like
9

Thank you for helping me move the button. Is there a way make the button bolder similar to the example i had used?