CSS Customization: customize the look & feel of our widgets

To further customize the look and feel of our widgets, you would need to overwrite our default CSS styles either with inline styles such as:

<style type="text/css" data-photoslurp-css-id="widgetContainerID">
#widgetContainerID .elastislide-carousel ul li a img {
    border: 10px solid black !important;
}
</style>

Or link to an external CSS file such as:

<link rel="stylesheet" data-photoslurp-css-id="widgetContainerID" 
href="css/custom.css">

Note: The Photoslurp logo and all trademarks may not be removed from any widget without the prior permission from Photoslurp. Otherwise, the functionality of the Lightbox will be affected (the modal that opens when clicking on the images). The code of our widgets detects if the logo has been hidden in the Lightbox preventing its opening.

Check the existing parameters to configure the behaviour of the widgets on your online store.

If you have any questions or need any help with the installation, contact us at support@photoslurp.com and someone from our tech team will get back to you