Remove background color for an app

[Einars]

Hello,

We are using a TikTok widget for videos and we would like to remove the white background color (like in the picture below). If it’s complicated, then please change it to black. Additionally, I found some code in theme.liquid. Hope someone can assist.

    <style>
      .orichi-tiktok-wrapper-item .orichi-tiktok-content{display: none !important;} 
       .orichi-tiktok-wrapper-item:nth-child(odd){ display: none !important; }
      .orichi-tiktok-wrapper-item:first-child{ display: flex !important; }
    </style>

Link: https://swish.eu/pages/versaclimber0

[thejustintharpe]

Hi @Einars

Please paste this code at the bottom of the file “styles.css.liquid” in your theme…

.jEQZB.orichi-tiktok-content, .foHVCT.orichi-tiktok-wrapper-div2 { background: none !important; }

Please let me know if it works (or doesn’t).

[Einars]

Hi @thejustintharpe ,

Thank you for the message. Unfortunately, we don’t have styles.css.liquid. We are using the Refresh theme.

Please see the message below.

[Einars]

Hi @thejustintharpe ,

Thanks!!!

We added your code in the base.css and it works fine, however, there is still some white left. Perhaps, you have any ideas on how to remove it or make it black? Pic below.

Hah, please see the next message below.

[Einars]

Hi @thejustintharpe ,

Sorry for bombing with messages, but I’m trying to give my effort as well. Could you please show me how to remove the gaps so this section is like in the picture below? I did it by setting the “background” to black and turning off the margin and padding. How to do it in code - I don’t know yet Image below

Really appreciate it!

[Wish-It]

Hi @Einars , add this CSS to remove spacing

.orichi-tiktok-wrapper-item {
    margin: 0px !important;
    padding: 0px !important;
}

[Einars]

Heyy @Wish-It @thejustintharpe ,

You guys and this whole community itself are the best! Thanks!!