How to remove a label from a specific list

[reblev]

Hi, my store has an app called gift reggie, that we use for wedding registries. Example of customer experience linked here: https://hopsongrace.com/apps/giftregistry/registry/152804

As you will notice, the “special order label” that we have from another app called globo pre-order, which we love on the rest of our site, is covering the entire thumbnail in the registry list.

We would like to have it not show up at all, or at least to be tiny. On the rest of the site, we would like it to stay the same, as it’s extremely helpful.

This is how it looks on the rest of our site: https://hopsongrace.com/search?q=belgian+candle

[Dbuglabpvtltd]

Hi @reblev
Can you please share screenshot of issue?

[reblev]

[Dbuglabpvtltd]

@reblev
Can you please try this css

.gPreorderBadge.rectangle.bottom-right {
  display: none !important;
}

[Dbuglabpvtltd]

[reblev]

Where would I put this css? I want to make sure it doesn’t remove the label from the rest of the site, I just don’t want it on the gift reggie lists. Below is a pic of how it appears on the rest of the site, which we want to remain the same. I hope this makes sense.

[Dbuglabpvtltd]

@reblev
Then use this css add this css in theme.css file or any main css file which is in assets.

.giftreggie-registry-form .gPreorderBadge.rectangle.bottom-right {
  display: none !important;
}

[reblev]

THANK YOU