Custom page description per index?

Hi I found this thread, and I have tried to replicate that approach using my own site www.oliverchaffe.com

What I'm trying to accomplish is having custom text displayed before the thumbs on each index page e.g.

'Motion design & VFX'

would have: 2D and 3D motion graphics design to bring your brand to life.

'Post Production and Edit'

From capture through to post production and delivery our team can handle it all.

Unfortunately it doesn't seem to work for me. 

Ideally I'd like to control the margin (or padding excuse my terminology) as well as the size if possible.

Any help is really appreciated.

Thank you!

Hi,

Like this?

Hi!

Thanks for your reply - actually I meant more like the attached which is a mock up.

So on the VIDEO PRODUCTION AND EDIT page I would like to be able to insert a description.
e.g. in my mockup where I have written "From capture through to post production and delivery our team can handle it all. Expert storytelling with your brand at it’s heart."

This thread seemed to have the answer but I tried myself (I have limited knowledge) and it didn't seem to work.

Hi,

Any ideas on this one?

Thanks!

http://www.oliverchaffe.com/video-production-and-edit

Add to Design > Custom CSS or Website > Website Tools > Custom CSS

body#collection-571454d1ab48dea645a95543 #container-content:before {
    content: "From capture through to post production and delivery our team can handle it all. Expert storytelling with your brand at it’s heart.";
    display: block;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}