last column forces odd placement of content divs

  • Hi there, I’m trying to lay out a 2 rows of 3 columns each using this plugin and the content is just images with CSS text on top of them. The first two columns display the text just fine, but the “one_third_last” column places the text content way up at the top of the website and z-ordered behind everything else in the header, including the background image.

    In the first row I just changed the class of the last column to “one_third” to see if the text would magically appear in the correct place over the image, and it did… though the column itself was in the wrong place. You can see in this screenshot that the second row columns are laid out correctly but the text is missing from the last column.

    screenshot: https://amal.net/caps/2016-09-16_03-23-38.png

    Thanks for your time!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter amalg

    (@amalg)

    I think I figured it out… but it may break CSS.. I’m not a CSS guru (hence use of the plugin).. but the “one_third_last” column does not have the “position: relative;” statement that “one_third” columns have, so using chrome inspector I added it, and the text appeared where it was supposed to be – https://amal.net/caps/2016-09-16_03-31-54.png

    .one_third, .one_third_last {
    width: 30.66%;
    float: left;
    position: relative;

    I added that last line manually in chrome inspector and it appears to fix the issue, though I’m not sure how to fix the plugin code to generate this output.

    I am having a similar issue but in the double column mode.

    Text or images in the first column display fine. In the second column images placed in there either have a huge caption box, the size of the column or it displays the image at the smallest possible size. This seems only to effect the POST pages. However if I put text in the second column and not media everything seems fine.

    I am using a masonry layout for the front page.

    My 3 column display works fine but they are on PAGES not POSTS.

    I’m going to try the fix suggested above to see if it works.

    • This reply was modified 8 years, 1 month ago by supersnail.

    The above fix didn’t work for me but I have noticed that if the media contains:

    [caption id="something" align="alignsomething" width="something"]etc[/caption]

    …it breaks the columns.

    If the caption call is removed and media is just linked, all is ok.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘last column forces odd placement of content divs’ is closed to new replies.