Jump to content


This topic is now archived and is closed to further replies.


Float Drop Boxes

Recommended Posts


Dear PageLines-team,

we've got problems with Platform Boxes.

There are float-drop css problems with boxes in platform cms.

On startpage (link and picture in attachment) are three boxes, but the last "column"  is dropping.

If the browser-width is lower than 1200px, then the right box drops to the next line.

Is this problem relating to div class "pprow grid-row fix"?

My favourite solution would be that all three boxes get smaller when downsizing the browser width.

Therefore I would need your assistance.

Thank you very much.



Share this post

Link to post
Share on other sites



From the looks of it from your attached image, the issue isn't related to PageLines, but your custom CSS due to your use of border. Adding a border to an element that has a specific percentage width will cause that element to a new row as the border via CSS is added to the elements width, this throwing the percentage width out the window.


Therefore, if you wish to add a border style to your box, then you will need to do one of two things.


1. Replace border with the box-shadow property

2. Continue using the border property, but use the box-sizing: border-box; alongside it, this should resolve your issue.


Please be aware that we do not provide extensive CSS support and we do not provide any support to user created code. Therefore, if you have a styling issue in the future, please remove all custom CSS before posting. This way, you can make sure the issue is with our product and not your code.

Please search our forums, before posting!

Share this post

Link to post
Share on other sites

  • Similar Content

    • yemoonyah
      By yemoonyah+
      Hi, even though I just got a SSL certificate, I can't get the green padlock to appear due to the following error:
      :A file with an insecure url of "http://yemoonyah.com/wp-content/plugins/pl-section-boxes/check.svg" was loaded via the javascript file: https://yemoonyah.com/wp-includes/js/jquery/jquery.js?ver=1.12.4 on line 3. The insecure URL may not be directly contained in the script file and may exist elsewhere."
      I figured if I delete and re-install the plugin it might fix the problem but will my boxes on the website still be there? Or do I have to redesign everything all over again if I delete the plugin and then re-install it?
    • Audun MB
      By Audun MB+

      The images are forced into a boxed frame so that you can't see the whole picture. Doesn't look so good. Is this a bug? A feature? How can I fix it?
    • JudithKlinger
      By JudithKlinger+
      The recent WP update seems to be quite cheeky...messing about with a number of things. 
      Having trouble with boxes displaying differently in different browsers.  1st screen shot is Chrom...looks ok. 
      2nd screenshot is Firefox...colors are different. Icons are different. Have weird 1000's next to the icons. Any idea what's going on? 

    • richardjacruz
      By richardjacruz+
      Someone reported this little bit of weirdness to me today. They were using Internet Exporer. I used an emulator, and I received the same result. Please see the attached.
      The website is richcruzchicago.com.

    • Susan
      By Susan+
      Everything was fine with my site.
      Suddenly, strange characters are appearing in Boxes. See image. Site page is here. I even tried to add a new Boxes section but the same thing keeps happening, so I deleted the new section.
      How can I resolve this?
      Your help is greatly appreciated.
      Thank you.