Grow your CSS skills. Land your dream job.

Photosets underlap other posts

  • # June 25, 2013 at 11:29 pm

    I successfully implemented ‘PXU Photoset Extended’ for my photosets to be responsive. However, they underlap other posts on the left column and my entire theme seems to have a scroll limit, if that makes any sense. Here’s a picture:
    ![photoset underneath](http://i1302.photobucket.com/albums/ag137/ddlynch/photosets_zps042709db.jpg)
    (This is my WIP) The other posts are in the correct position, but not the photoset posts. I then tried to add ‘position:relative’ to the CSS, but the photosets merely OVERlap instead. I am using isotope/masonry, if that helps.

    Am I doing something wrong?

    # June 26, 2013 at 1:45 am

    I’ll have a look when I get into the office in the morning!

    # June 26, 2013 at 5:01 am

    Thank you. :)

    # June 26, 2013 at 1:30 pm

    Only your photoset posts are using `

    `. Switch all of your posts to use that as a wrapper. This is what I like to use:

    # June 26, 2013 at 5:07 pm

    **Update**: I tried using your way, but they still over/underlap on the left column. When I remove the ‘post’ class from my div and just use `

    ` all of my posts disappear. I’m at a complete lost, atm. ???
    # June 26, 2013 at 5:35 pm

    You haven’t used the code I posted above for the Photoset posts: http://cl.ly/image/1e361N2q321R

    Update those ones as well.

    # June 26, 2013 at 6:11 pm

    Finally! Thank you for you help. Now I need to get isotope to correspond with my columns. thumbsup.jpg Thanks! :)

    # June 26, 2013 at 7:37 pm

    **Update**: At first I thought it was my masonry screwing up my columns, but it is in fact, the photosets again—or is it the masonry not cooperating _with_ the photosets?
    ![large gap](http://i1302.photobucket.com/albums/ag137/ddlynch/bipthemes_zps57353a71.png)

    After every photoset, there is this LARGE gap. When I resize my browser or ‘Inspect Element,’ the gaps disappear and all of my posts are intact. I tried looking this up, but to no avail.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".