Custom CSS

The Custom CSS panel allows you to add your own custom styles to customize the appearance of your gallery.

You can manually add custom CSS rules in this field to personalize your gallery. Below are some available selectors you can use:

selector - use this classname for each style you added. It is the main Visual Portfolio wrapper.
selector .vp-portfolio__items - items wrapper.
selector .vp-portfolio__item - single item wrapper.
selector .vp-filter - filter wrapper.
selector .vp-pagination - pagination wrapper.

For more CSS rules, use the Browser Inspector to find the exact selectors you need. You can also explore available templates on GitHub to see more examples.

Was this page helpful?