How to add coloured border to these specific text blocks

4 hours ago, KickinGa said:

Site URL: https://www.bondprosper.com/about

Hi,

I'd like to add a colourd border to the text blocks in the 'Our Values' section of my 'About' page so that it doesn't like compacted on the mobile version, as shown in the images attached.  

I already have this custom CSS for these blocks in place working:

#block-7bc3fc546b1452973de2
{border-radius:20px; background: #169b62;}

#block-cfd3c20089fa0c214fb9
{border-radius:20px; background: #169b62;}

#block-yui_3_17_2_1_1608288538793_32278
{border-radius:20px;  background: #169b62;}

#block-998a9260598b2eccef66
{border-radius:20px; background: #169b62;}

#block-yui_3_17_2_1_1608288538793_30268
{border-radius:20px; background: #169b62;}

#block-yui_3_17_2_1_1608288538793_33403
{border-radius:20px; background: #169b62;}

 

and I tried to add in border-colour: black; border-width:10px;

but it doesn't make any difference.  

Any ideas please?

You may want to try this

border: 10px solid black;
padding: 5px; /*To add more space vertically*/

2 hours ago, bangank36 said:

You may want to try this

border: 10px solid black;
padding: 5px; /*To add more space vertically*/

That's great, thank you.  I actually wanted to do it the same colour as the background to create space between the boxes on mobile and it's worked, thank you.  Didn't need the padding.