Css Code applies in editor but not on live page

Password: bconsult

The code reveal text on a hover code works in my editor view but not in live view when I access the page from the front ed. Here i the doe I am using: 

@media only screen and (min-width: 640px){
#block-50a60eabf9b7879fd7ec{
opacity: 0;
 transition: opacity 1s
}
#block-50a60eabf9b7879fd7ec:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-b9c394e42cbe4f0614b7{
opacity: 0;
 transition: opacity 1s
}
#block-b9c394e42cbe4f0614b7:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-8ac8af888d0f13c5a5f5{
opacity: 0;
 transition: opacity 1s
}
#block-8ac8af888d0f13c5a5f5:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-207b0fa7a755d1b13c8a{
opacity: 0;
 transition: opacity 1s
}
#block-207b0fa7a755d1b13c8a:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-1559eef8f75e1479225a{
opacity: 0;
 transition: opacity 1s
}
#block-1559eef8f75e1479225a:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-ad4977c97fa2f8f9cc87{
opacity: 0;
 transition: opacity 1s
}
#block-ad4977c97fa2f8f9cc87:hover {
opacity: 1;
transition: opacity 1s
}
}

On 12/22/2022 at 3:36 AM, CKW_242 said:

Password: bconsult

The code reveal text on a hover code works in my editor view but not in live view when I access the page from the front ed. Here i the doe I am using: 

 

@media only screen and (min-width: 640px){
#block-50a60eabf9b7879fd7ec{
opacity: 0;
 transition: opacity 1s
}
#block-50a60eabf9b7879fd7ec:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-b9c394e42cbe4f0614b7{
opacity: 0;
 transition: opacity 1s
}
#block-b9c394e42cbe4f0614b7:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-8ac8af888d0f13c5a5f5{
opacity: 0;
 transition: opacity 1s
}
#block-8ac8af888d0f13c5a5f5:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-207b0fa7a755d1b13c8a{
opacity: 0;
 transition: opacity 1s
}
#block-207b0fa7a755d1b13c8a:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-1559eef8f75e1479225a{
opacity: 0;
 transition: opacity 1s
}
#block-1559eef8f75e1479225a:hover {
opacity: 1;
transition: opacity 1s
}
}
@media only screen and (min-width: 640px){
#block-ad4977c97fa2f8f9cc87{
opacity: 0;
 transition: opacity 1s
}
#block-ad4977c97fa2f8f9cc87:hover {
opacity: 1;
transition: opacity 1s
}
}

 

 

What is your URL Site?

Thank you so much!

Hello, I'm having the same issue. I tried to copy paste the above code, changed the block numbers but it is not working. Would appreciate any help you can give me.

2 hours ago, PUPILA said:

Would appreciate any help you can give me.

It's hard to help when we can't see your site.

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.