[ztrimbleParticipant]

Hello awesome devs!

I have my theme set to boxed at 960 w with 90% site width. But when I did a quick grid test in Visual Composer, by making one row with three blocks and one row with 6 blocks and then inserting images, I am not getting any margins or padding on the side:

http://test.americasretirementstore.com/blog/377-2/

Any ideas?

[ThaiModerator]

Hi There,
Thanks for writing in.
Please try to edit this page, and change the Page Template to Blank – Container | Header, Footer.
The screenshot: http://i.imgur.com/djEQVuZ.png
Hope this helps.

[ztrimbleParticipant]

Well, I have another page here: http://test.americasretirementstore.com/blog/test-layout-one/

Same settings, 90 percent width, no container. What’s the difference? I am looking at both pages with an element inspector and I am puzzled.

[ztrimbleParticipant]

Ok, I think the spacing I am getting on the previous link is from using a container withion a content band.

With that in mind, how do I center this row with four columns used out of six?

http://test.americasretirementstore.com/blog/383-2/ ?

[Prasant RaiModerator]

Hello There,

To center align kindly add this under Custom > CSS in the Customizer:

.x-column.x-sm.vc.x-1-6 img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

Hope that helps.

Thanks.

[ztrimbleParticipant]

It did not appear to change anything. It’s still left aligned.

[RadModerator]

Hi there,

Use this css instead of that one

.page-id-383 .x-column.x-sm.vc.x-1-6 {
    text-align: center;
}

Then the real trick is start placing your image to the second of 1/6 column instead of the first column.

Something like this

[blank][image][image][image][image][blank]

Hope this helps.

[ztrimbleParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for updating the thread! In the columns without an image, you need to add a text element and a space inside using  .

You can check what I did on this page http://test.americasretirementstore.com/blog/383-2/ to see how it’s done.

Hope this helps – thanks!

[Author]

Posts