Gallery Images – Gateway Theme
-
Hi,
I recently created an image gallery on one of my pages using the Gateway theme.
> Is there a way to increase the number of images displayed per row?
> How do I change the size of individual images?
> How do I increase/decrease the margin width between images?Let me know! Greatly appreciated :)
The blog I need help with is: (visible only to logged in users)
-
Hi annekwan1,
Yes. You can control the number of columns (not rows) your gallery displays and the size of the images.
[gallery columns="5" size="thumbnail"]Your size options include thumbnail, medium, large and full (only valid for the default thumbnail grid).
https://en.support.wordpress.com/gallery/#gallery-shortcode
As far as increasing the margin between images, I guess I’d shy away from changing it. The image spacing is determined automatically based on the size of the image and how many columns are displayed.
If you really wanted to mess with it, I think the following CSS is what you would need to change.
.gallery-item { margin: 25px 50px; }The top/bottom margins are 25px and right/left margins are 50px.
-
@annekwan1 – When creating a Gallery you can pick column number and image size right in the Media Manager screen that opens after you click “Add Media”>”Create Gallery”. Have a look at Point 8 here: https://en.support.wordpress.com/gallery/ although the screenshot is a bit out of date because the options now include image size.
The only Gallery style that will allow you to choose the number of columns in the Media Manager is the default thumbnail style, but you can directly edit the gallery shortcode that is created after you’ve inserted it by switching to the Text Editor tab of the Post Editor.
For your question on spacing, @daschultemn has you covered, but I agree with him on leaving it alone. The “Mosaic” styles of Gallery (everything BUT the default thumbnail grid) will use the entire width of your content column.
Let us know if you need more help with that.
-
@daschultemn & @justjennifer: thanks! this helped a lot.
Just curious, where do you find all the CSS for the gateway theme?
-
Few more questions:
> Is there a way to make all gallery images the same size?
Whenever I try adjusting their dimensions, they scale according to
their original image size.>How do I edit the font-size & style of captions for the thumbnail grid
layout?Let me know if you guys have any ideas! Thanks.
-
Examining the CSS of a site is usually done with browser developer tools. An Intro to CSS: Finding CSS Selectors provides a great look at those tools and how to utilize them for customizing your site’s CSS (tutorial).
Your blog is now protected, so that will limit anything further I can do to help.
-
@annekwan1 – the Support docs http://en.support.wordpress.com/ are a good place to start for general support information like:
https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
Since your site is Private, I can’t see the Gallery you are talking about, but, yes, out of the box, the Gallery feature will use your image orientations in the default thumbnail gallery, the tiled mosaic and the tiled columns styles.
If you use the square tiles or circles, that will essentially “crop” the thumbnail being displayed and your site visitors will have to click on the thumbnail to see the larger image in the Carousel or Attachment page.
I don’t know if there is anything you can do with CSS in order to change that, but being CSS illiterate, I’ll leave that to those that do. Same for your last question about captions as well.
-
-
@daschultemn – Thanks, I’ll check that out!
@justjennifer – yeah, it’s too bad wordpress doesn’t let you adjust that. I might try cropping all the images to the same size before uploading to wordpress and see how that goes. Thanks though! -
If you are already cropping, then resize and optimize them too. That will help stretch your free 3GB to the max and preserve image clarity.
-
- The topic ‘Gallery Images – Gateway Theme’ is closed to new replies.
WordPress.com Forums 