centre square tile gallery highwind theme

  • Unknown's avatar
    mirandajayde · Member ·

    Hello all,

    I was wondering if someone could please help me with the code to centre the square tile gallery (e.g. http://destinationlyon.com/2014/04/21/easter/) irrespective of the number of columns?

    Thanks in advance for your help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    On a fixed with theme such as Highwind, trying to do this is problematic and would require a large number of media queries to control position at different browser and screen/device widths. Also, since the galleries do not have a unique identifier class or ID, there isn’t a way to set a gallery with 3 different from a gallery with 4. I simply don’t know of a way to do this cleanly given how the HTML and CSS are structured for the tiled galleries.

    I noticed that nearly everything in the post you reference has been set to “address” from the style pulldown. The address HTML tag is meant specifically for contact information and having it assigned to normal content will confuse the search engines. The address HTML tags should be used to surround contact information only. I would suggest going into that post, in the Text tab and remove the opening and closing address tags from around all but the contact information. Fore more on the address HTML tag, see here: http://www.w3schools.com/tags/tag_address.asp

  • Unknown's avatar
    mirandajayde · Member ·

    Hello thank you for your response. Is there any way of setting the tiled square gallery so that no matter how many items there are it will display them centred?

    Thanks for the information about the address tags – I have/had no idea that they were there or what they are. Is it perhaps because I chose the ‘address’ setting from the drop-down menu instead of ‘paragraph’, but I did this because I like the way it displayed all the text together closely.

  • Unknown's avatar
    thesacredpath · Member ·

    Sorry, no there is not.

  • Unknown's avatar
    mirandajayde · Member ·

    Is this because the code for square-tile gallery is different to the circle and mosaic ones, because the forum were able to help me to center those ones?

    I tried playing around with the CSS and got nowhere.

    Also, I’ve checked about getting rid of those address tags and I’m still not quite sure what you mean/how to do it.

    Apologies and thank you for your time

  • kathrynwp · Staff ·

    Is it perhaps because I chose the ‘address’ setting from the drop-down menu instead of ‘paragraph’, but I did this because I like the way it displayed all the text together closely.

    Yes, that’s why.

    To remove it, you can re-select the paragraph format. If you’d like to create a style that looks like the address style, but doesn’t rely on the address HTML tag – which, as Richard mentioned earlier, is only meant to be used for specific types of information – I could help with that. Let me know.

  • kathrynwp · Staff ·

    Is this because the code for square-tile gallery is different to the circle and mosaic ones, because the forum were able to help me to center those ones?

    Could you provide a link to a circle and moasic tile gallery on your site so I can take a look at what was done there?

  • Unknown's avatar
    designsimply · Member ·

    Is there any way of setting the tiled square gallery so that no matter how many items there are it will display them centred?

    Actually, I think you can do this!

    Can you try testing the following and let me know if it works?

    .tiled-gallery {
	text-align: center;
}

div.tiled-gallery .tiled-gallery-item {
	display: inline-block;
	float: none;
}
  • The topic ‘centre square tile gallery highwind theme’ is closed to new replies.