WordPress.org

Ready to get started?Download WordPress

Forums

Polaroids
alignmetn of polaroids (13 posts)

  1. lanval
    Member
    Posted 1 year ago #

    Hello,

    I love this theme. however, have a question.

    When adding posts I noticed that some of the polaroid images have dates and some do not. The ones that have dates are also higher on than page than the others.

    This test site displays the issue:
    http://art.hecate.ca/

    I'm sure I must be missing something...

    Any thoughts?

    http://wordpress.org/extend/themes/polaroids/

  2. webdesignuk
    Member
    Theme Author

    Posted 1 year ago #

    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?

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  4. lanval
    Member
    Posted 1 year ago #

    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.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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/

  6. webdesignuk
    Member
    Theme Author

    Posted 1 year ago #

    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

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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%!

  8. webdesignuk
    Member
    Theme Author

    Posted 1 year ago #

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

    Guy

  9. lanval
    Member
    Posted 1 year ago #

    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!

  10. chasethelight
    Member
    Posted 1 year ago #

    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>

  11. lanval
    Member
    Posted 1 year ago #

    Brilliant, that worked. Thanks very much.

  12. sup.sarah
    Member
    Posted 1 year ago #

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

  13. MaggieM
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic