how can i customize the CTA button of the image banner ?

[Ossaka]

[PageFly-Victor · Accepted solution]

Hi @Ossaka ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

[PageFly-Victor · Accepted solution]

Hi @Ossaka,

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-item a.banner-button {
    margin: auto !important;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[PageFly-Victor · Accepted solution]

Hi @Ossaka ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

[Ossaka]

https://beyondspacedesignsd.com/

Password: beyond123

[PageFly-Victor · Accepted solution]

Hi @Ossaka,

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-item a.banner-button {
    margin: auto !important;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[Ossaka]

Hello Dear, 
Yeah it works perfectly now for the desktop screen version 😍, i really appreciate your support, but didn't' works for the mobile screen version, is there any solution for it or should we add another code ?
Thanks and have a great day.

[PageFly-Victor]

I checked my mobile device and I see it works fine

[Ossaka]

I need to reposition the CTA to be in Bottom of the banner because it's covering the Title and the Description in the middle of the banner.
Kindly check the attached files.

[PageFly-Victor · Accepted solution]

Hi @Ossaka ,

You can try using my code

@media(max-width:767px){
#shopify-section-template--17419339694387__16382588978e0f1106 .banner-item >.content-box{
   top: 80%!important;
}
}

[Ossaka]

Hello Dear,

Everything works perfectly now 😍 i really appreciate your support and guidance. 

I have another things need to edit the menu on the top needs to be moved to the left to be on the middle of the page, on the Gallery page there is something i need to hide, the Show Photos Logo.
Kindly check the attached files.

Thanks and wishing you a wonderful day ❤️