FROM CACHE - en_header

How to move a button to the right of an image

Garysimpson
New Member
6 0 0

I am working with the Testament theme and I would like to move a button from its original position in the center, to the right of the image so it is not blocking the picture. Is there some code to enter in order to do this? 

Replies 10 (10)
ZestardTech
Shopify Expert
3589 592 831

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

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
Garysimpson
New Member
6 0 0

Hello Pallavi,

My store URL is https://casedorable.com/

I am looking to move the Shop Now button to somewhere here on the right. But I cannot find a way to do that in Shopify without coding. I am completely new to coding, but I can try to follow the instructions.

Thanks so much for the help.

 

Capture.JPG

 

ZestardTech
Shopify Expert
3589 592 831

Hello @
Please share your store password.

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
Kinjaldavra
Shopify Partner
2302 569 1407

your store is password protected please share password 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Garysimpson
New Member
6 0 0

Sorry for the late reply, the password is now disabled. Thanks!

Garysimpson
New Member
6 0 0

Sorry for the late reply, the password is now disabled. Thanks!

Kinjaldavra
Shopify Partner
2302 569 1407

hello @Garysimpson 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 @media only screen and  (min-width: 739px) {
#shopify-section-1586161600719 .flex-caption.slide-1586890999399 {
    text-align: right;
    width: 85%;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
Garysimpson
New Member
6 0 0

Hi,

Sorry but I can't seem to locate a theme.css in the asset folder, do you mean theme.js.liquid ?

Garysimpson
New Member
6 0 0

Never mind I figured that the file name is stylesheet.css.liquid. Thanks a lot for your help!

Kinjaldavra
Shopify Partner
2302 569 1407

Ok thanks for the update

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder