Hi,
Could you post a screenshot please or send a link? Sorry I missed the link at the bottom. I’ll give you a fix in a bit.
Hi again,
The width of the gallery is based on the width of the wrapping div.
You need to add some custom CSS to adjust the width of the gallery unless there is a setting in your theme for this. You can do this two ways.
For your site, you could add these lines to your CSS file. 600px is the max gallery width of your choosing.
.contentarea{
max-width:600px !important;
margin:auto !important;
}
But this will affect all your pages. So if you want to be specific you can wrap your gallery in a div as below:
<div class=”mypsgal”>
[gallery ids="31,30,29,28,27,26,19,18,16,15,14,12"]
</div>
Then add this to your CSS
.mypsgal{
max-width:600px !important;
margin:auto !important;
}
And it will only update your gallery.
I will add new wrapping div to the plugin soon.
Let me know how you go!
Hi again!
Unfortunately I couldn’t get it work.
I put
.mypsgal{
max-width:600px !important;
margin:auto !important;
}
into the box in my theme where it said “Custom CSS” on the “View Option” Settings Page.
I also dried updating the ‘style.css’ and the ‘theme.css’ of my theme by down- and uploading it via FTP but this didn’t work either.
And put
<div class=”mypsgal”>
[gallery ids="31,30,29,28,27,26,19,18,16,15,14,12"]
</div>
in the text field of the page with my gallery. No change.
Okay, just found the Settings option for PhotoSwipe in my dashboard. I didn’t know there is one. Maybe mention this next time 😉
The thumbnail width was set to 150. I changed it to 300 and it looks how I want it to!
No need to change my CSS file or wrapping my gallery into DIVs.
Easy.
