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 (3)

websensepro
Shopify Partner
1040 144 149

This is an accepted solution.

Hi, @GeeKyuu24.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.banner__box>*+.banner__buttons {
    margin-top: 90px !important;
}

 

Result:

websensepro_0-1696419422882.png

 

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

 

 

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

ZestardTech
Shopify Expert
5453 979 1305

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 21

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 5 (5)

laddisahsi
Shopify Partner
383 38 40

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!

websensepro
Shopify Partner
1040 144 149

This is an accepted solution.

Hi, @GeeKyuu24.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.banner__box>*+.banner__buttons {
    margin-top: 90px !important;
}

 

Result:

websensepro_0-1696419422882.png

 

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

 

 

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

ZestardTech
Shopify Expert
5453 979 1305

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 21

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?