How to replace the navigation icons on responsive lightbox - Support Forum - Digital Factory (dFactory)

Tagged: change, icons, navigation

This topic has 1 reply, 2 voices, and was last updated 10 years, 6 months ago by Bartosz.

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

Author

Posts
19 August 2015 at 16:59 #7589

Seb Gates
Participant

Hi. I want to replace the icons for:

#swipebox-next {

}

#swipebox-prev {

}

#swipebox-close {

}

Because I need to use a white background for a project: http://andyhallphotographer.com/barenuckle-boxing-south-africa/

I have tried simply adding new images over the top with new CSS selectors using !important and it does not work. I think the icons may be pulled in using JS, but I am not sure. Basically I want to change the SVG/png icons without charging the images in the Plugin folder.

Any ideas?

24 August 2015 at 22:32 #7678

Bartosz
Keymaster

Hi Seb,

Sorry for the late reply – there were some issues with the forum topics content we had. It’s ok now so we can get into this.

The Swipebox icons are inserted via inline styles, but you should be able to modify that via !important attribute.

I’d try to define all the background attributes, like background-image, background-size, background-position. If that does not work svg, try switching to png icons instead.

Hope this helps.
Author

Posts

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

You must be logged in to reply to this topic.

Featured In