What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Move the image banner button - Studio Theme

Solved

Move the image banner button - Studio Theme

GeeKyuu24
Pathfinder
108 3 13

Can I move the button here? 

Store: Glowcare.se
PS: Glowcare1991

379665427_248394144853830_5519873865260535216_n.jpg

Accepted Solutions (2)

ZestardTech
Shopify Partner
5912 1067 1413

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.banner--desktop-transparent .banner__box {
margin-top: 300px;
}

 

ZestardTech_0-1696419530341.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

syedsumaimaly
Trailblazer
147 16 22

This is an accepted solution.

Hi @GeeKyuu24 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

.banner__buttons {
    margin-top: 100% !important;
}

RESULT:

syedsumaimaly_0-1696419516606.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

View solution in original post

Replies 4 (4)

laddisahsi
Shopify Partner
385 38 41

Hi @GeeKyuu24 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag

<style>
.banner__buttons {
    position: absolute;
    margin-top: 30%;
}
</style>




 

laddisahsi_0-1696419327405.png

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Laddi

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

ZestardTech
Shopify Partner
5912 1067 1413

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.banner--desktop-transparent .banner__box {
margin-top: 300px;
}

 

ZestardTech_0-1696419530341.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

syedsumaimaly
Trailblazer
147 16 22

This is an accepted solution.

Hi @GeeKyuu24 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body> tag

.banner__buttons {
    margin-top: 100% !important;
}

RESULT:

syedsumaimaly_0-1696419516606.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

GeeKyuu24
Pathfinder
108 3 13

Is it also possible to make it a bit bigger?