[chris@designwave.co.zaParticipant]

Hi there,

I am struggling to work a tiled mosaic gallery (jetpack) into one of my pages. I would essentially like to have a tiled gallery above the content that I have already built up on the page in the backend editor.

So far I have tried the “add media” approach and while I get the gallery in fine it is not adhering to the page format, essentially leaving me with a small 5 image gallery on the left side of the page, when I really need the gallery to span the full width of the container.

If I attempt this through the visual editor I cant seem to find a way to use the custom short-code for the gallery within an element…is there a way to add the galleries short-code to an element in visual composer?

Any suggestions would be greatly appreciated.

[CousettMember]

I tried doing this on my local and it seems like it worked. What I did was add a text element to VC and then added the media and choose the gallery option for the mosaic. If this doesn’t work for you could you provide us with your login information so we can take a closer look?

To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[chris@designwave.co.zaParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi chris,

It seems there are two rows added for the gallery. Try adding images in a single row. For the container width, add the following CSS code via Appearance > Customize > Custom > CSS:

.tiled-gallery .gallery-row {
width: 100% !important;
}

Let us know how this goes!

[chris@designwave.co.zaParticipant]

This reply has been marked as private.

[CousettMember]

The Jetpack page has a way around this issue – http://jetpack.me/support/tiled-galleries/

Tiled Galleries are built to fill your theme’s content width. You can define a specific $content_width value by adding the following code to your child theme’s functions.php file:

if ( ! isset( $content_width ) )
    $content_width = 800;

If you do not feel comfortable editing theme files, you can also use this plugin: Custom Content Width – http://wordpress.org/plugins/custom-content-width/

If your theme doesn’t define a content width, Tiled Galleries will default to 500px wide. You can read more about the Content Width theme feature here – http://codex.wordpress.org/Content_Width

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

I hope this helps.

[chris@designwave.co.zaParticipant]

This reply has been marked as private.

[ZeshanMember]

You’re most welcome Chris! Have a good day! 🙂

[Author]

Posts