1. Home
  2. Knowledge Base
  3. Custom CSS Customizations
  4. 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.

To make your gallery template full-width, you can use the following CSS code in your WordPress dashboard:

  1. Navigate to “Appearance” and select “Customize.”
  2. Click on “Additional CSS.”
  3. 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.

Was this article helpful?

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *