three column shortcodes aren't working properly

Hi Team – any news on this one? Cheers

okay thanks – details below

Hi Team – I have to show this to the client so I’ve added a workaround in the meantime and have added a fixed height to the class I created

.sd-services-box{
height: 350px
}

This isn’t ideal as it’s not responsive and if we add more content we’ll have to update the CSS – so any clues as to how to get it work would be great.
Thanks

Hi Andy – apologies, I was merely letting you know that I hadn’t found a solution but had provided a work around as I had to show my client – and I didn’t want to confuse which it obviously did – please have a look at my messages above yours… it explains in detail what the issue is.,….but as you weren’t the original person to respond I will recap….

here is the page I’m referring to

http://www.sasi-skin.com/site/services/

1 – I need one of the sections on this page to display like this – see the screenshot – have a look at the gold section at the bottom of the page..
https://www.dropbox.com/s/w47x3iqwns5qmat/Screen%20Shot%202016-05-02%20at%2012.43.50%20pm.png?dl=0

.the issue is when I add content to this text section – the background doesnt’ maintain the same height as the content does –
https://www.dropbox.com/s/i156a6flbtigxdf/Sasi%20Skin%20Spa%20%20%20Services-site.png?dl=0

2 – to achieve the styling for this module in the theme I did the following – please note all the main parts of the this page need to be narrower than the 1024px width set out in the theme settings – this is due to the design…

a) I added a 1/1 column module with a class of sd-body which forces anything in it to the narrower width I need to fit the design (see the white part of the page above – this uses the same)

b – then I’ve dropped a text block into this column, and I’ve added a class of sd-services-box which makes the whole background that gold colour. This all was looking fine until I needed to add a 3 column layout. Once I did this – the background of the content doesn’t

b – so to split the content over three rows – I’ve copied and pasted the 3 column shortcode into the text module

[av_one_third first]INTRODUCING DMK AND SKIN CONSULTATION
DMK ENZYME THERAPY
SKIN PEELS
DMK SPA FACIALS
DMK BODY TREATMENT[/av_one_third]

[av_one_third]MASSAGE, SPA BODY& PACKAGES
MICRODERMABRASION
ALKALINE HAIR REMOVAL
MANICURE & PEDICARE
ACRYLIC NAILS
MAKE-UP[/av_one_third]

[av_one_third]SPRAY TANS
WAXING & SUGARING
ELECTROLYSIS
LASHES & BROWS
EAR PIERCING
IPL & INJECTABLE[/av_one_third]

however this breaks the layout – see this screenshot – the background doesn’t expand to the height of the content

https://www.dropbox.com/s/i156a6flbtigxdf/Sasi%20Skin%20Spa%20%20%20Services-site.png?dl=0

– i’ve tried added ‘clear:both’ to the sd-services-box – this didn’t work
– I tried adding this to a code block but this isn’t very user friendly for the client to update
– when I used the code block – this layout broke when I added my custom class of sd-services-box
– I added ‘height:350px; to my class and it expanded to a good height, but doesn’t work responsively – but this was a quick workaround for when the client looks at the site – I’ve removed this now so you can see the issue.

So my guess is I need to add something to my class in order for it to work with the content?

I’ve included logins above – please let me know if you need any further info