How can I reposition a button in an image banner?

Solved

How can I reposition a button in an image banner?

dharrick
Tourist
5 0 1

Hello! Im trying to move this button to the left and a little higher and so far its impossible with previous solutions!

can anyone help? please!!

 

@KetanKumar @LitExtension 

thanks!!!!

Screen Shot 2022-11-23 at 12.23.37 PM.png

Accepted Solution (1)

mt686
Shopify Partner
56 9 19

This is an accepted solution.

Hi! 

Here's a code snippet that'll work: 

 

 

{% style %}
.banner a.button.button--primary {
    margin-right: 155px;
    margin-bottom: 50px;
}
{% endstyle %}

 

 

Insert that into your theme.liquid file (online store > themes > click '...' on the theme you want, then 'edit code'). Insert it at the bottom of the file, right before the '</body>' tag. 

To make it go more to the left increase 'margin-right', to make it go higher increase 'margin-bottom'.

Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code. You can make the edit and delete the app without paying for anything, and keep the edits. 

Fair disclaimer, Easy Edits is an app I've worked on. If you need any help inserting the code or using the app, just let me know!

View solution in original post

Replies 6 (6)

GemPages
Shopify Partner
5625 1262 1249

Hello @dharrick,

 

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

 

Best regards,
GemPages Support Team

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
dharrick
Tourist
5 0 1

Hi!! its www.fashionspotpty.com - its without password 🙂

LitExtension
Shopify Partner
4860 1002 1160

Hi @dharrick,

Please send your site and if your site is password protected, please send me the password. I will check it.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
dharrick
Tourist
5 0 1

hi! its www.fashionspotpty.com - it has no password 🙂

mt686
Shopify Partner
56 9 19

This is an accepted solution.

Hi! 

Here's a code snippet that'll work: 

 

 

{% style %}
.banner a.button.button--primary {
    margin-right: 155px;
    margin-bottom: 50px;
}
{% endstyle %}

 

 

Insert that into your theme.liquid file (online store > themes > click '...' on the theme you want, then 'edit code'). Insert it at the bottom of the file, right before the '</body>' tag. 

To make it go more to the left increase 'margin-right', to make it go higher increase 'margin-bottom'.

Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code. You can make the edit and delete the app without paying for anything, and keep the edits. 

Fair disclaimer, Easy Edits is an app I've worked on. If you need any help inserting the code or using the app, just let me know!

dharrick
Tourist
5 0 1

amazing thank you soooo much!!!!