Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Photosets underlap other posts

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #45851
    ashdee
    Member

    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?

    #140467
    TheDoc
    Member

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

    #140479
    ashdee
    Member

    Thank you. :)

    #140587
    TheDoc
    Member

    Only your photoset posts are using `

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

    ashdee
    Member

    Ohhh, OK. Thank you; will do now.

    #140620
    ashdee
    Member

    **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. ???
    #140628
    TheDoc
    Member

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

    Update those ones as well.

    #140635
    ashdee
    Member

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

    #140643
    ashdee
    Member

    **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)
  • The forum ‘CSS’ is closed to new topics and replies.