@shenpixel, You can’t have help in a forum for a CSS question if you don’t enable the right button.
(BTW, it is totally useless to disable it, anyone can copy your pictures even without using the right button).
I don’t understand what you are saying. I’m not worried about them copying my pictures, I have code embedded that takes care of that, that is totally off topic from my original post. What I am asking for is help to center align the images in the column and to remove the hover css.
@shenpixel, I am saying that it is not possible to help you from a support forum without using a tool (like Firebug), which obviously can’t works on your page because you have disabled the right button. If you want some help with CSS, you must temporarily remove the code (or disable the plugin) that makes that thing.
(Furthermore, I suggested you that protecting images with that system is completely useless, and it is very annoying only for the “honest” user. One example: if someone wants to boomark your site, it’s no possible with a click, and things like that. On the other hand, whoever wants to save locally your pictures can do it easily taking the addresses from the source. The browser has already downloaded images in the user’s PC since they are visible, so anyone can just copy the interested URL, open it in a new tab and save it from there. Example: http://www.lovelightpixels.com/wp/wp-content/gallery/purchases/avawitchpktubelicense.gif.)
Thanks for your reply, I understand what you are saying and I agree but my site is a pixel site, and to use and display the graphics I do, I must have the protection scripts enabled or I can loose my license’s and memberships.
I use Chrome so I go to tools/etc so I was confused (I’ve been extremely ill and am on a lot of medication and have not coded css or php in years and have forgotten a lot).
I will hide all my galleries except the one linked here and disable the scripts, thanks for your help.
@shenpixel, write In Other options > Styles
For centering:
.ngg-galleryoverview {
text-align:center;
}
.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}
Remove border:
.ngg-gallery-thumbnail img {
border: none !important;
}
Remove hover:
.ngg-gallery-thumbnail img:hover {
background-color: none;
}
Save, and it should works, you may need to clear cache. If hover-remove doesn’t work, add “!important”.
Thank you it did everything but the hover and border remains.
@shenpixel, the border is no longer there, I don’t see it no more so empty your cache.
For hover, try instead:
.ngg-gallery-thumbnail img:hover {
background-color: transparent;
}
Add – !important – if needed.
In IE11 the css doesn’t apply either, the Style Sheet linked on line 20 here is taking over still.
@shenpixel, the stylesheet you linked is not called here, that’s /nextgen_gallery_related_images.css.
Here you have to look at http://www.lovelightpixels.com/wp/wp-content/ngg_styles/nggallery.css?ver=3.9.1 and I see that you wrote:
Remove hover:
.ngg-gallery-thumbnail img:hover {
background-color: none !important;
}
That “Remove hover” could be the cause, you don’t have to write it. Remove it or if you want to comment, use /* Remove hover */
Then, I see that you still have “none”, so you can try “transparent” as I said above.
Thank you tizz, I’ve finally got it, had to add one more style for ie. and the transparent took care of it in Chrome.
@shenpixel, I’m glad it worked. Get well soon.
Edit: for a cleaner and shorter code, you can merge the same properties into one declaration:
.ngg-gallery-thumbnail-box, .ngg-gallery-thumbnail {
float:none !important;
display:inline-block;
}
@tizz – Thanks!
@shenpixel – Glad you have this sorted out.
– Cais.
