Problem with Custon CSS --> visibility: hidden

July 7, 2024 at 05:43 PM

Hello,
I have a totally strange problem with a CSS. I have added the following code to the custom_styles.css:

.superhero {
visibility: hidden;
}

.nichtsichtbar {
visibility: hidden;
}

Than i have some Jreivews Fields with Type "Banner". Some Code of the Banner-Field is:

<span itemprop="addressCountry" class="nichtsichtbar">{jr_land|valuenoimage}</span>
<span itemprop="addressRegion" class="nichtsichtbar">{jr_bundesland|valuenoimage}</span>

But the strange problem is, in some Jreviews categories I still see the output and in other categories the output works. Which made things even more curious: If I delete the "superhero" instruction from the CSS (because I don't use it at all), then suddenly the hidden command for the class "non-visible" no longer works in all categories. None of this makes any sense at all.

I want these two lines, which have the class "invisible", not to be displayed in the frontend. I only need them for Google Structured Data. Since they are multiple select fields in this case, I cannot
<span itemprop="addressRegion" content="{jr_bundesland|valuenoimage}">
take. So I had to use the problem with visbility=hidden. But somehow this does not work as desired.

For example:

Here the visibility=hidden doesnt work:

Screenshot2024-07-07193803.png.b0367f2e20cc090f5798e9bb221ec068.png

https://www.hdsports.de/laufen/schluchtlauf

But on this site (other Jreviews directory), the code works:

Screenshot2024-07-07194053.png.79c70d812818d5524dd133bc2b8bb127.png

https://www.hdsports.at/berg/mount-everest

The two lines of code are exactly the same in both fields. It makes absolutely no sense to me why the code only works in one directory.

July 7, 2024 at 06:21 PM