Title: Lost responsivity by adding 1px border
Last modified: August 24, 2016

---

# Lost responsivity by adding 1px border

 *  Resolved [bydlo](https://wordpress.org/support/users/bydlo/)
 * (@bydlo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/)
 * Hi
    can you please tell us what i have to do if i want to add a 1px border without
   loosing this URL beeing responsive? [http://www.photostudio-neukoelln.de/fotograf-fuer/](http://www.photostudio-neukoelln.de/fotograf-fuer/)
 * If i set this border to 0 it works as expected:
    border: 1px solid #cecece !important;
 * btw: are you sure that the headers act responsive?
 * regards axel
 * [https://wordpress.org/plugins/cc-child-pages/](https://wordpress.org/plugins/cc-child-pages/)

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

 *  Thread Starter [bydlo](https://wordpress.org/support/users/bydlo/)
 * (@bydlo)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/#post-5978411)
 * In addition:
    I tried to solve it by reduce the width from .threecol from 27.33%
   something smaller and give space for the border.
 * If i do so i get the same problem than described here:
    [https://wordpress.org/support/topic/space-between-the-4-and-3-column?replies=9](https://wordpress.org/support/topic/space-between-the-4-and-3-column?replies=9)
 * I am not sure if these two things have something do do with each other but i 
   though it might be helpfull to point it out
 *  Plugin Author [caterhamcomputing](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/#post-5978639)
 * Hi.
 * Adding the 1px border makes the box 2px wider (1px either side), causing problems
   in the layout.
 * I have been experimenting this morning with new CSS based on setting the `box-
   sizing` CSS property to `border-box` rather than `content-box` (which was used
   originally because of compatibility issues with certain themes).
 * This will then simplify the CSS and the sizing will automatically take borders
   and padding into account.
 * So far, things are looking good … I am currently testing in various themes.
 * One downside to this approach is that it is not as backward compatible in versions
   of Internet Explorer, so I will probably need to create a setting allowing web
   masters to select which CSS they use.
 * Watch this space – I hope to have something ready to help you very shortly.
 *  Plugin Author [caterhamcomputing](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/#post-5978670)
 * Hi.
 * I have just released a new version of the plugin.
 * This introduces re-worked CSS which should allow you to add borders to the child
   pages boxes.
 * For older versions of Internet Explorer, a fallback CSS file is used with the
   original layout settings – this will remove any custom borders, padding and margins
   in older versions of Internet Explorer (7 and older) to retain the responsive
   layout.
 * Hopefully this will make your page work as expected.
 * Let me know how it works for you …
 * _[ [Signature moderated](http://codex.wordpress.org/Forum_Welcome#Signatures)]_
 *  Plugin Author [caterhamcomputing](https://wordpress.org/support/users/caterhamcomputing/)
 * (@caterhamcomputing)
 * [11 years ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/#post-5978697)
 * Hi.
 * In the absence of any further feedback, I am marking this topic as resolved.
 * I have been using the new version of the plugin myself with the Divi theme used
   on your site – and everything is working as correctly when adding borders to 
   the child page elements.
 * Thank you for your feedback – your idea has certainly prompted what I feel is
   a significant improvement to the plugin.
 * If you still experience any problems with the plugin, please do let me know.
 *  Thread Starter [bydlo](https://wordpress.org/support/users/bydlo/)
 * (@bydlo)
 * [11 years ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/#post-5978698)
 * Hello and sorry for not coming back earlier.
    Thanks a lot for helping in such
   a professional way.
 * I didnt had the time to test it but i am pretty sure that you did a great work.
   
   thanks again regards axel

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

The topic ‘Lost responsivity by adding 1px border’ is closed to new replies.

 * ![](https://ps.w.org/cc-child-pages/assets/icon-256x256.png?rev=3451096)
 * [CC Child Pages](https://wordpress.org/plugins/cc-child-pages/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cc-child-pages/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cc-child-pages/)
 * [Active Topics](https://wordpress.org/support/plugin/cc-child-pages/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cc-child-pages/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cc-child-pages/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [bydlo](https://wordpress.org/support/users/bydlo/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/lost-responsivity-by-adding-1px-border/#post-5978698)
 * Status: resolved