Craft Theme - Image Banner on home page - Remove white around button

Store Design
1

Hello community,

I have a shopify on Craft Theme. On my home page, i have an imager banner and a button. I’d like to take off the white around the button (it’s normally a text box with a ATC button) but since i didn’t write any text in it, there is only the button.

Thanks

Arthur

Capture d’écran 2024-03-25 à 16.05.52.png
Capture d’écran 2024-03-25 à 16.05.52.png974×340 61.6 KB

2

Hello @ArthurParis1212
Can you share store URL?

3

Password:

4

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 on theme.liquid

.banner__content .banner__box.content-container { background: transparent !important; } .button[aria-disabled=true]{ cursor: pointer !important; opacity: 1.5 !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5

Perfect, it works very well. Do you know how i can put the button a bit more down?

6

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 on theme.liquid

@media screen and (min-width: 750px){ .banner__content.banner__content--middle-center { align-items: flex-end !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

7

Thanks

8

It’s a bit too down, do you know if there is a way in the code so i can’t adjust it perfectly where i want?

Furthermore, now that i introduced the html code you gave me, i can’t personnalise the page anymore because it says this:

Cette page n’est pas compatible avec l’éditeur en raison d’un des problèmes suivants :

  • La page redirige vers une URL non prise en charge
  • Échec du chargement de la page en raison d’une erreur
9

Do you know why i can’t edit anymore ? It says shopify has trouble reaching the page and that the URL is not valid anymore.

10
  1. Clear your browser cache and cookies.
  2. Check your internet connection.
  3. Try accessing the page using a different web browser.
11

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 on theme.liquid

.banner__box { padding-bottom: 14rem !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.