Change background color of share button

[TrendBlend]

Hello my share button background turned blue, how can I make it transparent? So same background as everything next to it? URL: https://trendblend.eu/products/controllable-led-curtain

[Dan-From-Ryviu]

It is transparent on my side

[BSSCommerce-HDL]

Hi @TrendBlend , After I check your store. Looks like you made it

[BSSCommerce-HDL]

Hi @TrendBlend ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.share-button__button {
   background-color: transparent !important;
   color: black !important;
}

Here is result;

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[GTLOfficial]

Hello @TrendBlend ,

Go to online store ---------> themes --------------> actions -----> edit code --------> base.CSS-----> line number 1418.
and add this code.

.share-button__button, .share-button__fallback button {
  cursor: pointer;
  background-color: transparent;
  border: none;
}

Let me know if this fixed the issue.

Thanks

[PageFly-Henry]

Hi @TrendBlend

This is Henry 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

@media (max-width: 767px){

button.share-button__button {

background: transparent !important;

color: black !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[PageFly-Henry]

In addition, I noticed that the banner on your home page is high in height, causing the image quality to be reduced. It would help if you reduced the height of the banner so that the image can display better quality

[TrendBlend]

Okay thank you for saying that can you maybe help me with adjusting the height because Im not sure how to