BLACK FRIDAY SALE 40% OFF on new purchases, early renewals, or upgrades. Click here to apply Discount
- Home
- Knowledge Base
- Custom CSS Customizations
- Customizing Gallery Templates (Output)
Customizing Gallery Templates (Output)
Modula provides the flexibility to customize the default gallery templates when using Album’s standalone options with unique gallery URLs. This guide will help you make alterations to the template, such as making it full-width or ensuring the post title spans the entire width. You can easily implement these changes through the WordPress Customizer using CSS.
Making the Gallery Full Width:
To make your gallery template full-width, you can use the following CSS code in your WordPress dashboard:
- Navigate to “Appearance” and select “Customize.”
- Click on “Additional CSS.”
- In the “Additional CSS” section, add the following code:
.modula-gallery-template-default .entry-content-wrapper, .modula-gallery-template-default .entry-content { max-width: 100% !important; }
This code adjusts the maximum width of the gallery content to 100%, making it full width.
Expanding the Gallery’s Post Title:
If you also want to ensure that the gallery’s post title spans the full width, apply this CSS code:
.modula-gallery-template-default .post .entry-content-header, .modula-gallery-template-default .post .entry-content-header .post-title { max-width: 100% !important; }
This code maximizes the width of the post title to 100%, ensuring it covers the entire width of the gallery.
With these CSS adjustments, you can tailor your gallery templates to meet your design requirements, creating a seamless and visually pleasing gallery output.
About The Author

Mihaela has a strong affinity for literature - from the classical to the contemporary, she finds great solace in the written word. She is a dog enthusiast and has a particular fondness for spending time with her furry friends.