• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Change Tiled Gallery Content Width For Jetpacks Tiled Galleries

Be default, Jetpacks Tiled Gallery module is set at 500px.

You can find this code in Jetpack > modules > tiled gallery > tiled-gallery.php on line 302.

The good news is the function has a filter applied to it as you can see in the code.

The CSS located in Jetpack > modules > tiled gallery > > tiled gallery > tiled-gallery.css on line 17 also uses the declaration float: left; meaning the tiled gallery group of images will float left.

.tiled-gallery .gallery-group {
	float: left;
	position: relative;
}

You might want to either:

  • Increase the width of the gallery group
  • Style your tiled gallery

Modify Width Of Tiled Gallery Content Width

Please copy ALL the PHP code from the view raw link and paste it at the end of your child themes functions.php file using a text editor like Notepad++

Style Your Tiled Gallery

1. You can either copy over the CSS rules from the plugins style sheet to your child themes style.css file and add the !important rule

2. Or, dequeue/deregister the plugins style sheet and enqueue a copy of it in your child theme if you want to fully customize your tiled galleries in a separate file from the safety of your child theme.

Related Posts

  • How To Change Content Width For Media Embeds Conditionally
  • Show Different Size Youtube Videos on Different Pages

Reader Interactions

Comments

  1. simone says

    November 18, 2014 at 1:45 am

    Hi, how can i do to make this width responsive?

    Log in to Reply
    • Brad Dalton says

      November 18, 2014 at 2:14 am

      Customization support for members only. http://wpsites.net/registration/

      Log in to Reply
  2. Stefan Hartman says

    November 14, 2014 at 11:16 am

    Quick and easy fix. Thanks a bunch. Thumbs up and all that stuff! Thanks again!

    Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags