the button background of Banner want to be transparent

Store Design
, ,
1

f3ea2e7de345464f6fa8e2385eb92e8.png
f3ea2e7de345464f6fa8e2385eb92e8.png669Ă—252 45.5 KB

2 Likes
2

Hi @Jim_65

Can you kindly share your store URL direct to the page contains these buttons therefore I can figure out problems

3

This is Richard from PageFly - Shopify Page Builder App

Hi @Jim_65 Please check image here, please disable option Show container on desktop":

PageFlyRichard_0-1723089258353.png
PageFlyRichard_0-1723089258353.png3286Ă—1686 541 KB

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

1 Like
4

Hi @Jim_65 ,

To make the button background transparent, you need to add another set of CSS code to you asset/bace.css.

  1. Online Store → Themes → “…” → Edit Code

  2. In Edit Code → “assets” directory → “bace.css” file.

  3. Open the base.css file and add the following code at the end of the file:

.banner__box.content-container.gradient {
    background: transparent !important;
    background-image: none !important;
}
  1. Save the file and reload your website.

NB: If this doesn’t work, you might need to inter change the class name based on your theme version and section.

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans

1 Like
5

thank you

1 Like
6

Thanks you, Have a nice day !