How do i move the button on my slideshow?

[AURA20223]

I'm having trouble aligning the shop now button on my slideshow.

I would like it directly under the text as seen in the screenshot below where the yellow box is

However on my website it appears at the bottom for some reason.

aurathefragrance Is my website and the password i daonag

[PageFly-Victor]

Hi @AURA20223 

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 base.css

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

.banner__content {

    padding-left: 0 !important;

    margin-left: 0 !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

Hello @AURA20223 ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
      @media (min-width: 1024px ) {
        .banner--desktop-transparent .banner__box {
            padding-top: 0px;
            padding-left: 0px;
        }        
        .slideshow__text-wrapper.banner__content {
            padding-left: 0px;
            padding-right: 0px;
        }
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[AURA20223]

This doesnt work

[PageFly-Victor]

@AURA20223 

You can try again with this code:

.slideshow__text-wrapper.banner__content.banner__content--bottom-left.page-width.banner--desktop-transparent { 

padding-left: 0 !important;

margin-left: 0 !important;

}