Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #12891


    I would like to change the buttons on the Portfolio lightbox to be instead of what is provided. I updated the file that the code is referencing to the new images, but it does not seem to be making a change on the site This may be above my head as I am still learning wordpress, so any help you can provide is much appreciated!

    Thanks so much!



    Hi Danielle,

    In your style1.css:

    Go to lines 392-398. You’ll need to change the image url and if you are using the sprite, the location for the icons:

    #top .lightbox_video{
    background:transparent url(../images/skin1/img_overlay_video.png) no-repeat center center;

    #top .lightbox_image{
    background:transparent url(../images/skin1/img_overlay_img.png) no-repeat center center;




    Thank you for your reply. This seems to change the magnifying glass on the actual portfolio page, which I am ok with, what I’d like to change is the lightbox arrows, close, expand, next, etc. buttons that display. Do you know how I would change that?

    Thanks so much!!!


    Oh I’m sorry! I misunderstood :)

    In that case, you’ll want to replace the file located here:

    And then adjust the css if its needed. You could also just edit that specific sprite png and replace everything with your own (if they match up) so you don’t need to adjust any css. All of the css for prettyPhoto is in:




Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change Lightbox PrettyPhoto Buttons’ is closed to new replies.