Add custom code to Modula filters

If you want to add some padding to the filters Modula creates with your galleries, add this code in Dashboard > Appearance > Customize > Additional CSS:

.modula .filters a { padding-left: 10px; }
  • To make the font larger, add this code:
.filters a { font-size: 20px; }
  • To increase the spacing between the filters, you should add to your existing CSS code:
.modula .filters a { margin: 0 20px 0 0 !important; }
  • If you need to change the filters font of your WordPress portfolio, you can add the following Modula custom code:
.modula>.filters .modula_menu__link{ font-family:“Alef” }

You need to add a font that is already used on your site. Otherwise, the font will not change.

  • How to align the filters when using the drop-down menu option
.modula-gallery.horizontal-filters .filters { text-align: center; 

Was this article helpful?

Related Articles