Hovering changes opacity again and again
up vote
-2
down vote
favorite
The problem is the following: I have a gallery plugin on Wordpress, called Fancy Plugin installed. Works fine, except now when I look at the gallery, the images are very very faint (the opacity is very low), then, if I hover over the image, it gets less opaque, then I hover again and it gets better and better. I need like 10-15 mouse passes for the image to be on opacity close to 0.9, but then it does not change anymore. I want to switch this off completely, I do not want any kind of opacity in the gallery, I want it to be 1. I don't know what CSS to use to do this.
I tried inspecting with Chrome DevTools, that's how I found this piece of code:
<img class="fg-thumb" src="http://www.faktumkft.hu/wp-content/plugins/radykal-fancy-gallery/admin/timthumb.php?src=http%3A%2F%2Fwww.faktumkft.hu%2Fwp-content%2Ffancygallery%2F2%2F2%2Fvizszintes_palcas_korlat__09.jpg&w=200&h=150&zc=0&q=100" alt="Vízszintes pálcás korlát, ívelt" style="width: 200px; height: 150px; opacity: 0.825593;">
I can see the weird opacity number that seems to be kind of random, there, but I don't know how to change it. Can someone help please? Thanks!
html css
asked Nov 8 at 10:59
András Szepesi
31
add a comment |
up vote
-2
down vote
favorite
The problem is the following: I have a gallery plugin on Wordpress, called Fancy Plugin installed. Works fine, except now when I look at the gallery, the images are very very faint (the opacity is very low), then, if I hover over the image, it gets less opaque, then I hover again and it gets better and better. I need like 10-15 mouse passes for the image to be on opacity close to 0.9, but then it does not change anymore. I want to switch this off completely, I do not want any kind of opacity in the gallery, I want it to be 1. I don't know what CSS to use to do this.
I tried inspecting with Chrome DevTools, that's how I found this piece of code:
<img class="fg-thumb" src="http://www.faktumkft.hu/wp-content/plugins/radykal-fancy-gallery/admin/timthumb.php?src=http%3A%2F%2Fwww.faktumkft.hu%2Fwp-content%2Ffancygallery%2F2%2F2%2Fvizszintes_palcas_korlat__09.jpg&w=200&h=150&zc=0&q=100" alt="Vízszintes pálcás korlát, ívelt" style="width: 200px; height: 150px; opacity: 0.825593;">
I can see the weird opacity number that seems to be kind of random, there, but I don't know how to change it. Can someone help please? Thanks!
html css
asked Nov 8 at 10:59
András Szepesi
31
opacity is loading from javascript, you need to edit the plugin(which is a bad idea), or you need to override opacity with !important
– charan kumar
Nov 8 at 11:04
1
don't use opacity simply put like this <img src="sampl.png" alt="photo"> thats it its going to work dear @Andras
– Iswarya Swaminadhan
Nov 8 at 11:04
add a comment |
up vote
-2
down vote
favorite
up vote
-2
down vote
favorite
The problem is the following: I have a gallery plugin on Wordpress, called Fancy Plugin installed. Works fine, except now when I look at the gallery, the images are very very faint (the opacity is very low), then, if I hover over the image, it gets less opaque, then I hover again and it gets better and better. I need like 10-15 mouse passes for the image to be on opacity close to 0.9, but then it does not change anymore. I want to switch this off completely, I do not want any kind of opacity in the gallery, I want it to be 1. I don't know what CSS to use to do this.
I tried inspecting with Chrome DevTools, that's how I found this piece of code:
<img class="fg-thumb" src="http://www.faktumkft.hu/wp-content/plugins/radykal-fancy-gallery/admin/timthumb.php?src=http%3A%2F%2Fwww.faktumkft.hu%2Fwp-content%2Ffancygallery%2F2%2F2%2Fvizszintes_palcas_korlat__09.jpg&w=200&h=150&zc=0&q=100" alt="Vízszintes pálcás korlát, ívelt" style="width: 200px; height: 150px; opacity: 0.825593;">
I can see the weird opacity number that seems to be kind of random, there, but I don't know how to change it. Can someone help please? Thanks!
html css
asked Nov 8 at 10:59
András Szepesi
31
The problem is the following: I have a gallery plugin on Wordpress, called Fancy Plugin installed. Works fine, except now when I look at the gallery, the images are very very faint (the opacity is very low), then, if I hover over the image, it gets less opaque, then I hover again and it gets better and better. I need like 10-15 mouse passes for the image to be on opacity close to 0.9, but then it does not change anymore. I want to switch this off completely, I do not want any kind of opacity in the gallery, I want it to be 1. I don't know what CSS to use to do this.
I tried inspecting with Chrome DevTools, that's how I found this piece of code:
<img class="fg-thumb" src="http://www.faktumkft.hu/wp-content/plugins/radykal-fancy-gallery/admin/timthumb.php?src=http%3A%2F%2Fwww.faktumkft.hu%2Fwp-content%2Ffancygallery%2F2%2F2%2Fvizszintes_palcas_korlat__09.jpg&w=200&h=150&zc=0&q=100" alt="Vízszintes pálcás korlát, ívelt" style="width: 200px; height: 150px; opacity: 0.825593;">
I can see the weird opacity number that seems to be kind of random, there, but I don't know how to change it. Can someone help please? Thanks!
html css
html css
asked Nov 8 at 10:59
András Szepesi
31
asked Nov 8 at 10:59
András Szepesi
31
asked Nov 8 at 10:59
András Szepesi
31
asked Nov 8 at 10:59
András Szepesi
31
asked Nov 8 at 10:59
András Szepesi
31
31
opacity is loading from javascript, you need to edit the plugin(which is a bad idea), or you need to override opacity with !important
– charan kumar
Nov 8 at 11:04
1
don't use opacity simply put like this <img src="sampl.png" alt="photo"> thats it its going to work dear @Andras
– Iswarya Swaminadhan
Nov 8 at 11:04
add a comment |
opacity is loading from javascript, you need to edit the plugin(which is a bad idea), or you need to override opacity with !important
– charan kumar
Nov 8 at 11:04
1
don't use opacity simply put like this <img src="sampl.png" alt="photo"> thats it its going to work dear @Andras
– Iswarya Swaminadhan
Nov 8 at 11:04
opacity is loading from javascript, you need to edit the plugin(which is a bad idea), or you need to override opacity with !important
– charan kumar
Nov 8 at 11:04
opacity is loading from javascript, you need to edit the plugin(which is a bad idea), or you need to override opacity with !important
– charan kumar
Nov 8 at 11:04
1
1
don't use opacity simply put like this <img src="sampl.png" alt="photo"> thats it its going to work dear @Andras
– Iswarya Swaminadhan
Nov 8 at 11:04
don't use opacity simply put like this <img src="sampl.png" alt="photo"> thats it its going to work dear @Andras
– Iswarya Swaminadhan
Nov 8 at 11:04
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
Fast fix would be adding next to your css:
.fg-thumb{
opacity:1 !important;
}
However what you find pointing to so called in-line styles, and they may come from some javascript (may be from that plugin). You may want to read some documentation or/and check source code if it is available.
answered Nov 8 at 11:04
maximelian1986
731316
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
Fast fix would be adding next to your css:
.fg-thumb{
opacity:1 !important;
}
However what you find pointing to so called in-line styles, and they may come from some javascript (may be from that plugin). You may want to read some documentation or/and check source code if it is available.
answered Nov 8 at 11:04
maximelian1986
731316
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
add a comment |
up vote
1
down vote
accepted
Fast fix would be adding next to your css:
.fg-thumb{
opacity:1 !important;
}
However what you find pointing to so called in-line styles, and they may come from some javascript (may be from that plugin). You may want to read some documentation or/and check source code if it is available.
answered Nov 8 at 11:04
maximelian1986
731316
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
Fast fix would be adding next to your css:
.fg-thumb{
opacity:1 !important;
}
However what you find pointing to so called in-line styles, and they may come from some javascript (may be from that plugin). You may want to read some documentation or/and check source code if it is available.
answered Nov 8 at 11:04
maximelian1986
731316
Fast fix would be adding next to your css:
.fg-thumb{
opacity:1 !important;
}
However what you find pointing to so called in-line styles, and they may come from some javascript (may be from that plugin). You may want to read some documentation or/and check source code if it is available.
answered Nov 8 at 11:04
maximelian1986
731316
answered Nov 8 at 11:04
maximelian1986
731316
answered Nov 8 at 11:04
maximelian1986
731316
answered Nov 8 at 11:04
maximelian1986
731316
731316
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
add a comment |
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
Thanks, the quick fix worked! I didn't write the !important line at first, and it did not work without that.
– András Szepesi
Nov 8 at 13:31
add a comment |
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53206351%2fhovering-changes-opacity-again-and-again%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
opacity is loading from javascript, you need to edit the plugin(which is a bad idea), or you need to override opacity with !important
– charan kumar
Nov 8 at 11:04
1
don't use opacity simply put like this <img src="sampl.png" alt="photo"> thats it its going to work dear @Andras
– Iswarya Swaminadhan
Nov 8 at 11:04