Customize your WordPress Slider by using the CSS Addon for Soliloquy

by | Jul 7, 2020 | 0 comments

Customize your WordPress Slider by using the CSS Addon for Soliloquy

by | Jul 7, 2020 | CSS Tips and Tricks | 0 comments



Customization in WordPress is essential when you want everything on your webpage to have your unique design and personal touch. With Soliloquy’s CSS addon, you can customize your image and video slider with any CSS you want to add.

In this video, we will explore how to use the CSS Addon for Soliloquy.

HOW TO GUIDE:

Once you have installed and activated the Addon, navigate to a slider of your choice. Click on the “Misc” tab and you will see the custom CSS setting available below the Import/Export feature.

Within this box, you can add custom CSS tailored to that specific slider. For example, let’s say the your slider has an ID of 237 and you want to add some extra padding above and below the slider. Simply add the following in the custom CSS box, replacing 237 with the ID of your gallery:

#soliloquy-container-237 { margin: 40px 0; }

This will add 40 pixels of space both above and below the gallery. That’s not all. You can further customize your WordPress sliders by adding borders to your images, unique positioning, and more.

The possibilities for customization are endless, and the CSS addon for Soliloquy makes it easy to contain your customizations to specific sliders.

For a more detail explanation, check out our documentation: http://soliloquywp.com/docs/css-addon/

For more information on Soliloquy in general, check us out: http://soliloquywp.com/

source