WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: NextGEN Gallery] How to change background color nggtags album thumbs (2 posts)

  1. jayoneill
    Member
    Posted 4 years ago #

    Hi there,

    I am trying to change some of the colors of the thumbnail backgrounds to match it with my current style. However I am stuck on one last thing.

    One the pages I have made using code [nggtags album=123,456] I get the following: http://jayoneill.com/gallery/portfolio

    What I want to change is the #FFFFFF background color of the thumbnails to #242424. I have been searching for over an hour now but I can not seem to find it anywhere in the css code.

    I hope anyone can help me out with this. Would be much appreciated.

    Regards,

    Jay

  2. ingenuity
    Member
    Posted 4 years ago #

    I just answered this in another thread. Here's what I wrote:

    I figured out the answer to this question about nextgen-gallery with much digging. You will need some familiarity with CSS to change the colors. I'll try to describe in detail what I did.

    First, in the wordpress admin area, go to Gallery/Style. on that page, look for line 60 and change
    background-color:#ffffff;
    to
    background-color:#ffd2ad; or whatever hex color you want. That Style editor has a hex color tool you can use to figure out your choices.
    This will change the color of the background around the albums.

    Then look in the same line 143 and make the same edit. This will change the color of the background around the albums.

    Lastly, find wp-includes/js/thickbox/thickbox.css (I had to FTP it from the server to my local drive, edit it with Dreamweaver and then send it back to the server) and edit line 49 to change the hex code.

    While doing the above, I looked for--but could not find--a way to make the opacity of the overlay darker so less of the screen would show around the edges of the NGG gallery. I found on line 34 of thickbox.css this code, but changing the opacity from 75 to 95 didn't make any difference.

    .TB_overlayBG {
          background-color:#000;
          -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
          filter:alpha(opacity=75);
          -moz-opacity: 0.75;
          opacity: 0.75;
          }

    HTH!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.