Hey all! I’ve been trying to make an interactive filterable image gallery recently and I’ve been using the GMedia plugin. There are a few things I want to change, but the first is the width of the gallery. Right now it only takes up the middle third of the page and I’d like it to stretch further so I don’t have 2 big empty spaces on each side. I found the element I’d like to change on inspect element, but I searched the files of the plugin and nothing matched.
This is what it looks like now:
https://preview.redd.it/nhu7mkhvf65d1.png?width=1920&format=png&auto=webp&s=dcee39ec1ccf200a51538c8bd61af8dafe597ac4
This is the inspect element: The masonry-collection is the overall container so I tried searching for that to change the size of that, I’m not sure if the size attribute at the bottom is the correct thing I’m looking for or not.
https://preview.redd.it/vypc6y2gg65d1.png?width=559&format=png&auto=webp&s=5aa8948e988aa3be7937416aa64faeca2864ae1f
But like I said, none of the files in the plugins matched searches for clientWidth or anything size-related to masonry-collection
Any suggestions on how you could do this or if I’m thinking of parts of this incorrectly? I’m not super experienced with html and I’m brand new to wordpress.
Thanks all!
[ad_2]
It’s unlikely the width is controlled by the plugin (unless it has number of col settings) – my guess it’s coming from the entry-content container div.
Regardless, never edit plugin code. And in this case, it’s a css issue, which can override with custom css, which you can input under appearance > customise > Additional css.
Also check the plugin settings – it might have options for setting the number of columns for the gallery.
You don’t edit the plugin to change display like that. Use CSS.