DMS 2 Add border to ibox

[lazlo 1]

Hi,

 

..client has requested a border around each Ibox - have added one okay, but it pushes the last ibox in a row of 6 to a new line - please can someone advise how i can add a border and keep all six iboxes in one row?

 

many thanks

[Danny+ 1,327]

Hi,

 

The reason as to why you have encountered this issue, is because your code is incorrect (in away). The iBoxes like most grid sections have their widths calculated precisely, but when you add a border it increases the widths and therefore, throws the precise widths out the window. Therefore, you will need to either do one of the following:

 

In your current CSS using border add the folloiwng:

 

box-sizing: border-box;

 

You can also use this instead, remove border: .... from your CSS and use box-shadow instead. Box-shadow is applied and doesn't disrupt the width of elements, unlike border.

[lazlo 1]

Danny, you are a legend - thanks for informative response - which will prove very handy in the future too :o0

[Danny+ 1,327]

No problem.