Support » Plugin: Flipboxes - Ultimate Flipbox Styles » Flipboxes wrap to new line

  • Resolved katandmouse

    (@katandmouse)


    Login for that dev site is flywheel / katandmouse

    We have it set to 6 columns and it wraps at 5. Same problem with 4 columns wrapping to 3.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Satinder Singh

    (@satindersingh)

    use this custom css:-

    .cfb_wrapper * {
        box-sizing: border-box;
    }

    *Also never share any login details on public support forums.

    I had this issue with Flip Boxes v1.5, with 3 boxes flowing into 3 separate rows instead of in a single row. After trying every setting that seemed related with no success, I resorted to inspection of the page, and found I could correct the result by changing one attribute in flipboxes.min.css, changing:

    .cfb_wrapper{display:flex;...}

    to this:

    .cfb_wrapper{display:inline;...}

    I tried to implement this change via custom CSS, but it did not take, so I made the change directly to the code, then promptly forgot to report it.

    I’ve been holding off on the update to v1.6 until now because I presumed it would still fail, and it does. The code has now been moved to flipboxes-layout.min.css (which also existed in v1.5). Making the same corresponding change there did cause the 3 boxes to flow onto a single row, but in a way that caused the height of each box to be sized smaller than the previous box, with a corresponding effect in the text below. (Cascading up: very strange to look at.)

    With no expectation, I tested the CSS suggestion above, to no effect.

    I have resolved this for the moment by reverting to v1.5 with my manual change, but would really like to have a permanent solution. The boxes can be seen on the center of this page:

    http://sunsetrancheventcenter.com/

    Thank you for your response.

    If I understand your request correctly, what I believe you want to see is this:

    https://snipboard.io/4EVK6W.jpg

    This site predates my involvement. I was told that when it was first built (about 1 year ago) that the boxes laid out in a single row, but I do not have confirmation of that. Nothing has been done to the site other than update existing plugins, and disable an incorrectly configured security plugin.

    Looking at this under Inspection, it appears that the border around the box extends to the full width of the page, forcing the other boxes to the next row.

    • This reply was modified 4 months, 3 weeks ago by Ray Parker.
    Plugin Contributor Satinder Singh

    (@satindersingh)

    Instead of using 3 shortcodes for 3 flipboxes please use 1 shortcode on your page and put 3 flipboxes inside that shortcode flipbox post-type.

    Pardon the delay, as other issues intrude.

    Excellent suggestion, which works (as you expected it to). I had overlooked that aspect of the plugin’s design, presuming the original web admin had deployed it correctly. My error for overlooking that feature.

    Your support for this plugin has been better than expected, and better (in many cases) that a number of commercial products I use. I have given you the excellent review you deserve.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.