Add Custom Code to Modula Filters

You need to add the following codes in your WordPress Dashboard > Appearance > Customize > Additional CSS.


Add padding to your filters

.modula .filters a { padding-left: 10px; }

Make the font larger

.filters a { font-size: 20px; }

Increase the spacing between the filters

.modula .filters a { margin: 0 20px 0 0 !important; }

Change the filters font

.modula>.filters .modula_menu__link{ font-family:“Alef” }

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

Align the filters when using the drop-down menu option

.modula-gallery.horizontal-filters .filters { text-align: center; 

Was this article helpful?

Related Articles