How can I move the button on the image banner to where I want?

Solved

How can I move the button on the image banner to where I want?

Vizono
Explorer
66 0 9

Thanks.

Accepted Solution (1)
niraj_patel
Shopify Partner
2378 514 512

This is an accepted solution.

Hello @Vizono 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    .content-box--absolute {
        position: absolute;
        top: 84% !important;
         left: 42% !important;
}

</style>

Result

techlyser_web_0-1703698433286.png

 

techlyser_web_1-1703698492044.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
9871 1228 1566

@Vizono - custom css can be used

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me

niraj_patel
Shopify Partner
2378 514 512

Hello @Vizono 
Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Vizono
Explorer
66 0 9

Vizono.co

niraj_patel
Shopify Partner
2378 514 512

This is an accepted solution.

Hello @Vizono 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid


<style>

    .content-box--absolute {
        position: absolute;
        top: 84% !important;
         left: 42% !important;
}

</style>

Result

techlyser_web_0-1703698433286.png

 

techlyser_web_1-1703698492044.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com