Replace icons in Swipebox dfactory

  • Resolved purushahealing

    (@purushahealing)


    10 years, 3 months ago

    Hi, I want to change the navigation and close icons in Swipebox by dFactory. I uploaded new icon png files into the media library and tried to override the original icons with css thus:

    #swipebox-next {
    background-image: url(“http://websitename.com-arrow-forward.png”) !important;
    }

    And then nothing shows at all. The old icon is gone and nothing is there. Without !important; the code has no effect at all and the old icon still shows.

    Do I need to install the new icons directly in the icons folder of the plugin via ftp? Or is my code missing something.

    WordPress would not allow me to upload svg files into media library. It said: “Sorry, this file type is not permitted for security reasons.” Thanks for any assistance.

    https://ww.wp.xz.cn/plugins/responsive-lightbox/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author dFactory

    (@dfactory)

    10 years, 2 months ago

    It should be enough to set the icon path in CSS as you did in the code above.

    Can you share a link to your site?

    Bartosz / dfactory team

    Thread Starter purushahealing

    (@purushahealing)

    10 years, 2 months ago

    I don’t know why that CSS did not work. I found another solution though:

    I revisited the Fancybox style which had not been working to show all the images on the page. I created my own gallery with CSS but the Fancybox was not showing all the images in the lightbox with arrows. Viewers would need to click on each image to see that single image in the Fancybox.

    I had given up on trying to make the Fancybox work using the rel=”lightbox” but I tried again. The problem was that the image links already had rel=”attachment …” and I was replacing that with rel=”lightbox” which did not work. But just for kicks I added the rel=”lightbox” without deleting the rel=”attachment …” and it worked !!

    One other issue I was having with the Fancybox is that after I changed the color of the overlay to white (which looks great), I could no longer see the caption beneath the image. I was trying to add the CSS display: visible; to the Fancybox, but it did not work. Until I realized that the text was actually still there, but it was white !! Duh !! So changed the text to black and voila!!

    So all is good now, and great plugin.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Replace icons in Swipebox dfactory’ is closed to new replies.