How to move a button to the right of an image

Solved
Tourist
8 0 3

I am working with the debut 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

Hello 

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Shopify Staff
Shopify Staff
766 75 149

Hey there, @Jakehausman 

 

Bo here from Shopify Support! 

 

I would love to help you with this. Could you please send on a screenshot of the image in question so that I can take a look at this and check in with our design team to see how to best adjust this with you. How comfortable are you with adjusting code yourself?

 

I look forward to hearing from you,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Tourist
8 0 3

Hello,

 

Sorry for the late reply. The url is: https://star69apparel.com/

 

I am looking to change the button position on the bottom image, "The Classic Collection", to the right so it does not block the image. The image itself is an image with text overlay. 

 

 

0 Likes
Tourist
8 0 3

Hello Bo, 

 

Sorry for the late reply. Here is a screenshot of the Button I would like to change. This section is an image with text overlay and I am using the Debut theme. I am also very new with coding so I am not that comfortable with coding just yet, but I can follow directions pretty well. 

 

Thanks so much for the help, 

Jake

 

Screen Shot 2019-07-15 at 1.14.50 PM.png

0 Likes
Highlighted
Shopify Staff
Shopify Staff
766 75 149

Hey there, Jake! 

 

I was offline when you got back to me yesterday and can see that you managed to achieve this yourself. Do you mind sharing how you achieved this in this thread? That way, if someone is looking for the same solution they will see your answer. This helps our community grow and level up together as a whole. 

 

Well done in figuring this out! 

 

All the Best,

Bo

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Shopify Expert
87 14 16

Please add below style code.  (This code for debut theme )

 

<style>

@media(min-width:768px){

.slideshow__text-content.slideshow__text-content--vertical-center.text-center{text-align:right!important;}

}

</style>

0 Likes
Tourist
8 0 3

Hello @Silverclouding

 

Where should I input this code? 

 

Thanks, 
Jake

1 Like
Shopify Expert
87 14 16

hi @Jakehausman 

Insert into theme.liquid before closing </head> tag .

Thanks :)

0 Likes
Tourist
8 0 3

Hello @Silverclouding

 

I inputted the code in theme.liquid but it did not seem to have any effect on the orientation of the button. Here is a screenshot of what I did down below, in case I inputted it in wrong. Is there any other solution that would fix the problem? 

 

Thanks so much for the help, 

Jake

 

Screen Shot 2019-07-17 at 3.30.42 PM.png 

1 Like