Craft - How to make the button on banner image transparant?

[JasSet]

Hi, 

I want the 'shop collection' button to be transparant (desktop and mobile) and ideally also move the button to the bottom centre (on mobile). How can I do this?

Using Craft theme.

URL: www.gojathelabel.com

password: awusau

[Raj-webdesigner]

can you share you site url?

[JasSet]

www.gojathelabel.com

password: awusau

[JasSet]

www.gojathelabel.com

password: awusau

[JasSet]

updated in message!

[Raj-webdesigner · Accepted solution]

Add This css in your edit code > base.css File

@media screen and (max-width:750px){
.banner .banner__box.content-container.content-container--full-width-mobile.color-scheme-2.gradient {
    position: absolute;
    bottom: 0;
}


/*If you want to keep the button like that then delete the below code*/
.banner a.button.button--primary {
    background: transparent;
}
}

[Raj-webdesigner]

I update This Code Please again Put.

[Dan-From-Ryviu]

Hi @JasSet 

Could you share your store URL and password?

[JasSet]

See original message!

[niraj_patel]

Hello @JasSet 
Can you share you store url?

[JasSet]

I put them in my post!

[niraj_patel]

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>
@media screen and (max-width: 767px){
 .banner__buttons a {
      background: transparent !important;
  }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

you can change position of button through the customizer.

[JasSet]

Hi, this did help with the transparancy but it did change my custom font.