Support » Theme: Polaroids » alignmetn of polaroids

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author webdesignuk

    (@webdesignuk)

    Honestly have no idea – my test site seems ok.. are any of the posts “stickys” or is there anything else different about the setup of the ones that don’t have a date compared to the ones that do?

    I actually don’t see a problem with the alignment — is it on the page you linked to? What browser are you using? I’m on Firefox on a Mac.

    I’ve tried it in Safari for Mac, Chrome for Mac, and Mobile Safari.

    This is what it looks like:
    http://art.hecate.ca/wp-content/uploads/2012/06/art.jpg

    All posts have the same setup, non-sticky, no comments, same author, same category, no tags.

    Hmm, well, I validated for CSS errors and found a few:

    http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fart.hecate.ca%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

    .polaroid {
    	background: url(img/photo.jpg) top left no-repeat;
    	width: 185px;
    	height: 240px;
    	padding: 34px 36px 26px 39px;
    	display: inline-block;
    	overflow: hidden;
    	margin: 0px auto 20px auto;
    	zoom: 1;
    	*display: inline;
    	_height: 240px;
    }

    The last two lines may be causing a problem. Try removing the * and the _ to see if that does anything.

    The other thing is that use of “display: inline-block” may also be problematic — see http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/

    Theme Author webdesignuk

    (@webdesignuk)

    The last 2 lines were to fix a bug in IE (8 I think) – otherwise all the posts appear in a vertical line downwards as opposed to across the page.

    Inline block was used as I couldn’t figure out another way to have the polaroids appear centralised going across the width of the page – any input/ideas from you guys and I’ll change it as required for the next version.

    Guy

    Interesting…I may try playing around with it as I kinda like CSS puzzles!

    I wonder if putting a non-breaking space in for the date on the empty ones would fix the alignment issue? Or will that be rejected as not a date format?

    BTW, really beautiful theme, cool design, etc. And VERY impressive that the mark-up validates 100%!

    Theme Author webdesignuk

    (@webdesignuk)

    Thanks – post any updates / suggestions here and I’ll try and incorporate them in future releases!

    Guy

    From what I can tell, it is only Safari and Chrome that is causing the issue. In IE on Windows the alignment is fine (although only the first one has the date).

    Small price for such a nice theme!

    The first post on the day is the only one that carries the date. Since all of your posts are on the same day, June 3rd, it drops the date on the subsequent posts. If you were to add, or edit, another post for another day, June 4th, June 5th, you’d see those posts would have that date on them. If you added a second June 4th entry it would not have a date.

    Seems to be the way it’s working, which I personally like.

    For galleries like yours where the date of the post might not be important, you could edit the Main Index Template and delete the following line.

    <div class=”polaroiddate”><?php the_date()?></div>

    Brilliant, that worked. Thanks very much.

    can someone please explain to me how to get the caption below the picture on the polaroids? thank you

    Is there any way to make this theme a bit more responsive? I want to use this theme 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘alignmetn of polaroids’ is closed to new replies.