How can I move the 'Shop Now' button and rename my homepage buttons?

Store Design
1

Need help moving the shop now button down on the home page. Also need assistance:

Renaming the buttons on the bottom of the home page “collections” buttons.

2 Likes
2

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >layout.theme.css and paste this at the bottom of the file:
.content.tw-mx-auto.tw-py-8.tw-container.tw-px-4 {
padding-top: 26%!important;
}

Screebshot:-Screenshot by Lightshot

3

@LovMemPrin

  1. Navigate to Online Store->Theme->Edit code
  2. Find Asset >layout.theme.css and paste this code at the bottom of the file:
.content.tw-mx-auto.tw-py-8.tw-container.tw-px-4 {
padding-top: 25%!important;
}
1 Like
4

Hi @LovMemPrin ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/layout.theme.css->paste below code at the bottom of the file:
#shopify-section-template--14512031662128__banner .tw-align-middle {
    vertical-align: bottom!important;
}

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
5

Hello @LovMemPrin ,

Greetings!!

Please try to set it from the online store → customize->first section and change the position of the button, if there are no settings for that then you can try this below code

  1. Online Store->Theme->Edit code
  2. Find Asset >theme-custom.css and paste this code
.main-content .shopify-section-hero .tw-table-cell { vertical-align: middle!important;}

I hope it will help you

1 Like
6

Excellent! Thank you worked perfectly. You wouldn’t happen to know how to do it for the mobile version as well would you?

7

I used this code and it moves the shop button up, now that i want to remove it the layout.theme is no longer in my assets

1 Like