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? 

0 Likes
Pallavi
Shopify Expert
2189 355 467

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
0 Likes
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

 

0 Likes
Pallavi
Shopify Expert
2189 355 467

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
0 Likes
Natztech
Shopify Partner
1331 369 905

your store is password protected please share password 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
Garysimpson
New Member
6 0 0

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

0 Likes
Garysimpson
New Member
6 0 0

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

0 Likes
Natztech
Shopify Partner
1331 369 905

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
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 ?

0 Likes
Garysimpson
New Member
6 0 0

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

0 Likes