Works/Team - align to center

Gersejongens

Hello,

I've been trying to align some pieces of my website to the center. However, I can only do so by using the colum setttings within the visual composer, which in turn makes it look terrible on mobile or tablet. I was wondering wether there is any way to center three work pieces without making my mobile website look like its all buggy.

I've already tried the following:
- Margins within visual composer
- Extra class name (someone told me you could align pieces with these)
- Custom row layout
- Full width content

None of the above allow me to center the works list AND have it look proper on mobile/tablet. I've uploaded two files to show what I exactly mean. One of the files displays how I want it (centered) and the other shows the element aligned to the left side of the page.

So my question is: How can I align my works and team list?

surgeon

Hello,
please edit 'Works list' shortcode and change 'Columns count' to '3'.

Gersejongens

Heya,

Thanks for the response. I've already set the colums count to three, yet it still won't center the works list or team list. Is there any other to to center the pieces?

Thanks in advance.

surgeon

Please send me an url to your site.

Gersejongens

http://www.gersejongens.nl/ (I'm temp. using the margin option to align the team/works elements).

surgeon

Hi,
'Column count' is confusing, sorry. I'll have to fix that.
For now only one solution will produce fully responsive layout.
You need to edit one work and one team member and set 'Item size' metadata to '2x1' - whole collection will fit entire row.

surgeon

FYI - new version of Chillout theme is available to download from ThemeForest.