Help getting boxes in columns and rows again

  • I would like help getting the boxes in columns and rows again. Before this last update they used to line up nicely, but now they do not.

    I would like up to 3 on a row, but of course for mobile versions either 2 or 1 is fine.

    I do not want to put all of the flipboxes in one code because I will potentially have hundreds or thousands and I need the newest one on top, not on the bottom.

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @amandalouder,

    I have checked the same case (multiple flipboxes shortcode) everything is working fine at my end.
    By adding below mentioned css I am able to get three columns in single row.

    .cfb_wrapper {
    display: block!important;
}

    This type of issue occured only at your end.

    Also you can add all your Flipboxes in single shortcode.
    We have already added the Reorder option in flipboxes. Using this option you can add your latest Flipbox at top.
    Please check this screenshots(https://ps.w.org/flip-boxes/assets/screenshot-3.png?rev=1769021).

    Thanks

    Thread Starter amandalouder

    (@amandalouder)

    I am aware that you can reorder, but if I have hundreds of podcast episodes I don’t want to have to push the button to reorder hundreds of time. It would be nice if I could put “newest on top” or even drag it. Then I would consider putting them all in one.

    I added your CSS code to my page and now I am getting two columns (which is better) but no the three like I would like.

    Also – my “backs” are bigger than my “fronts”

    Hi @amandalouder,

    Your flipboxes front and backside looks unequal because you have added object-fit:contain property.
    In order to make front and back sides equal we already have added object-fit:cover property in our plugin.

    Thanks

    Thread Starter amandalouder

    (@amandalouder)

    If I take out the object-fit:contain then the top and bottom of the front get cut off.

    I’m at the points where I’m really frustrated with this plugin. It used to be exactly what I needed and behaved beautifully. But this last update has caused so many problems that I’m about ready to disable it and find something else to display my podcast episode images differently.

    I don’t know how to code. I’m trying to get

    1. The front and backs to be the same size (square)
    2. 3 columns across.

    I really don’t think that is too much to ask….

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help getting boxes in columns and rows again’ is closed to new replies.