Picture Borders in Gallery
Is there a way to remove borders from photos that have been inserted as a gallery? I’ve been able to eliminate the border on a photo that has been individually inserted into a post by going to Advanced Settings for that photo. But when a photo is in a gallery, I don’t seem to have access to those Advanced Settings.
Please refer to this page on the site I manage: http://iwc-israel.com/archaeology-trip/
I used the gallery setting to get the images to go across the top of the page and I found I had to insert a “spacer” gif to prevent the text from wrapping around the photos. Can anyone suggest more elegant solution?
The blog I need help with is iwcisraelphotos.wordpress.com.
Hi, there should be no need for a spacer of any kind if you’ve used the Gallery feature on that page. In the Gallery settings, have you defined the Gallery to display 2 columns?
As far as the border around the thumbnail images, as far as I know, you would need the Custom Design/CSS upgrade to eliminate them.
When I had the gallery set for 2 columns, the text would appear to the right of the two images and not below them. Adding the spacer was a workaround to make the text start below the two images.
It seems odd that I would need a CSS upgrade just to eliminate the border on those photos. I can eliminate the border on images that are not in a gallery.
I do not have any expertise when it comes to working with the Gallery function. But does this help you?
Why don’t my images align the way I want them to?
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.
- Align-left means position left, with the rest of the content wrapping around the right side of the image.
- Align-right means position right, with the rest of the content wrapping around the left side of the image.
- Align-center means position center, with no wrap-around (= the rest of the content below the image).
So if you want your images to be side by side on the same line start by setting the alignment of all three images to left or to the right. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
<br style="clear:both;" />
@lgenovese Although it would seem that it should be possible to eliminate the border on the thumbnail images displayed via the Gallery feature, borders in Gallery thumbnails are defined in the CSS of your theme, therefore the need for the upgrade to modify it.
By the way, I just noticed that you are linking the thumbnails to images that are themselves 150×150 pixels. If that’s the case, just don’t use the Gallery feature to display them. As tt pointed out above, you can insert the images one-by-one and better to align them with “none” or by putting them in a table.
You can read more about using the Gallery feature here:
Even more here:
and there are demos here: http://agallerydemo.wordpress.com/
@tt, that shouldn’t be needed if someone is using the Gallery feature. If text is creeping up into the DIV for the Gallery, it’s my feeling that there might be a bug somewhere.
Give me a little bit to check this out on my test blog.
thank you, time thief and justjennifer for your input. I used the gallery feature because of the problem I was having with aligning the images. I will need to take some time to explore the suggestions you have about alignment.
Sorry, that was supposed to be the images are 144×144 pixels and not 150×150. (long day today)
Thanks so much for checking this out on your test blog. I’ll be interested to hear what you find.
So far I’ve not been able to reproduce the spacing issue on my test blog using the same theme, Twenty Eleven. Using a Gallery with 2 columns and thumbnails linked to the original images, there’s no text creeping up into the area of the thumbnails.
@lgenovese would you be willing to delete the spacer image or use an “exclude” to remove it and change the Gallery back to 2 columns so we can see what happens?
Also, any chance you’ve copied the accompanying text from somewhere else, like MS Word, and pasted it into the Visual Editor?
@justjennifer It’s working now, just as you suggested! It was giving me a fit earlier… I’m so sorry to have taken up your time with this. I appreciate the help members like you and timethief give to the forum.
You’re welcome and my pleasure. Cheers and good luck!
The topic ‘Picture Borders in Gallery’ is closed to new replies.