Move the home page button and zoom out the image with text overlay

Store Design
1

I was playing around with the her___.btn code it was at 25.5px I believe, and now I forgot how to change it back because its all zoomed in and looks horrible. someone said that it changes the button location, but it just screwed me over. now

  • I would like to move the button preferably on the right bottom corner (but not all the way on the bottom)
  • I would like to know where i can find the hero___.btn code and change it back, im not sure what the default px was it was something like 25.5 px or 25.7px.
  • I would also like to change the size and width of the button because it always looks to big on mobile, but the width is to close together

I am placing text on my image by myself using canva so you dont need to show me how to move the text btw.

1 Like
2

@novavior

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

1 Like
4

novavior.com

5

its

novavior.com

1 Like
6

@novavior

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
#shopify-section-hero-1 .page-width.text-center {text-align: right !important;max-width: 100%;}
#shopify-section-hero-1 .hero__inner {vertical-align: bottom;}
#shopify-section-hero-1 .hero__btn { padding: 15px 50px;}
1 Like
7

okay so i forgot I have the chat with us button so it would be covering it, how do i get it on the opposite side but just a little bit closer to the center

8

also a little bit smaller on mobile the button is to big

1 Like
9

@novavior

sorry i can’t see that code