Change color of blue mouse over navigation bar?

@jeegee – You can add custom CSS under Gallery > Other Options > Style.

You should be able to use the same (or very similar) CSS definitions as you did previously.

Thanks!

– Cais.

Thanks for your fast reply.

In the old way, I just changed the hex code in the CSS file.

I already tried to put this part in the place you mention:

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #CC00FF;
color: #FFFFFF !important;
text-decoration: none !important;
}

But….that doesn’t change the color.

@jeegee – Did you confirm the old CSS elements are matching the current CSS elements? Perhaps a link to where you are trying to show these changes would help?

– Cais.

Well I can’t find the new one. Where is the new default CSS located?

Sorry, can’t share the site, it’s on internal network only.

@jeegee – Try using a browser’s developer tools to inspect the specific elements you are trying to style to ensure you are using the correct identifier.

– Cais.

Playing with that. But isn’t there a nggallery.css anymore?

Ok. I found the default css file: wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_pagination/static/style.css?ver=4.0.1

In the file, I only want to change the color of this part:

background-color: #0066CC;

So that is in this part:

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #0066CC;
color: #FFFFFF !important;
text-decoration: none !important;
}

But when I change 0066CC and paste it in the CSS part, the hover color is not changed. When I edit the default css, the color is changed. But…when there is an update, my change is gone.

So What should I add to the CSS part to change the hover color?

@jeegee – Try adding the !important directive after the property if it is not being honored … unfortunately since the site is “internal” there may not be much we can wildly guess at to correct this. It may require some more trial and error testing on your part to find the solution you are looking for.

– Cais.

YES! Thank you very much. Now I can safely update the next time.

@jeegee – Great to read! Thanks for following-up on this.

– Cais.