Content position(Top|Middle) on Full Height Row issue

ViaMarket · November 2015

Hello,

I can't use the feature to put the content in the middle of the screen when I select to use Full Height Row. The inside columns pile on the left.

I tried to fix by decreasing the width of one column, but its a bad way to do it, because it has to be done for each size for columns.

Is there a more elegant solution?

thank you.

Albert · November 2015

Hi,

maybe you can use Placeholder items inside section to center the content inside section? We mean for example 2 placeholders on sides and the content inside.

ViaMarket · November 2015

I've tried that. Its not the case.

Its something to do with the column width. For some reason, when you check to display the content on the vertical -middle, the column increase size and break (or the container shrinks). When I manually decrease the column size by 0.01%, it goes back to normal. But I have to do that manually and for all column sizes and I fell dirty doing that.

Albert · November 2015

Please show us on screenshot then what is exactly happening and also give us url to site where you got a problem.

ViaMarket · November 2015

Of course,

Here is the URL: http://173.247.251.166/~donrossonline/

And here are the screenshots.

I coloured them to make it easy to see.

The first screenshot is the one I've patched. has the column divided in 2/3 + 1/3 and I increase the 1/3 column by 0.5%.

The second screenshot is the one I've didn't change anything. has the column divided in 1/2 + 1/2. Whatever other column setup, it presentes the same anomaly.

I've tried all combinations with other settings like Row width etc. The problem triggers when I change the content position from TOP do MIDDLE, under the Full Height Row option.

Thanks guys.

Albert · November 2015

The screenshots does not work unfortunately. To send us screenshots, please use the tools like http://pasteboard.co/

ViaMarket · November 2015

Sorry, I had the "prevent hotlink" enable. I can see now, can you?

Albert · November 2015

Can you set those columns 1/2 and 1/2 without any changes so we can have a look and check why 2nd column goes below the 1st one? Because we did checked your site already and it looks fine.

ViaMarket · November 2015

Done.

Thank you!

Albert · November 2015

Thanks. We did checked your site now but it does not look the same as on your screenshot. On our side, red box, does not go below the yellow. Just look at http://pasteboard.co/2q2OOFV8.png and see how it looks like on our side.

ViaMarket · November 2015

I think it is a Safari issue then, here on Firefox and Chrome was good as well.

I t's not he first problem with Safari. Some animations doesn't work either.

Is there a solution for this?

Albert · November 2015

Ok, you're right. The problem is definitely with VC plugin but because we are not plugin's author, there is nothing what we can do to fix it inside plugin directly. But, we ca give you custom css which would fix that issue:

.vc_row-fluid .wpb_column {
    margin-left: -1px;
}

ViaMarket · November 2015

Thank you very much!

Albert · November 2015

You're welcome

Content position(Top|Middle) on Full Height Row issue

Comments