How can I change Button position? Using Canopy theme

Store Design
, ,
1

Hey there! Looking for a bit of advice on changing the button position in an Image with Text Overlay section.

Buttons are too low in the Bottom setting.

Here’s the preview link. https://e05qon1kvoe528ce-60698362014.shopifypreview.com

Thanks!

2

Hi @DeeDeeBee

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file styles.css.

Step 3: Paste the below code at bottom of the file → Save

.inner a.btn {
    position: absolute !important;
    top: 60% !important;
    right: 40% !important;
}

PageFlyVictor_0-1672963150452.png
PageFlyVictor_0-1672963150452.png1132×244 145 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @DeeDeeBee

It’s GemPages support team and glad to support you today.

  1. Go to Online Store → Theme → Edit code
  2. Open your styles.css file and paste the following code below:
.image-overlay .inner a.btn{
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

4

Thanks! This has worked!

5

This worked too! thanks!

6

you are welcome @DeeDeeBee :blush: