Docs

[renzofernandez]

Hi guys,
I would like to make 2 linked columns that as the browser size changes, the text gets moved over accordingly. What’s the best way to do this?

This link does what Im trying to do I think: http://www.w3schools.com/css/css3_multiple_columns.asp. That being said I would like to keep the columns as 2 separate “text elements” because I’m planning to use a fade-in animation for both.

Thank you!

[renzofernandez]

This reply has been marked as private.

[Joao]

Hi There,

Try the Block Grid Element in Cornerstone.

Let us know if it fits your purpose.

Please contact us if you need help with anything else.

Joao

[renzofernandez]

Hi Joao,
I’ve been using the visual composer because I’m more familiar with it. Would you recommend for me to switch to cornerstone?

Thanks,

Renzo

[Rue Nel]

Hello Renzo,

Though we still support Visual Composer, we’d prefer that you create your page with Cornerstone.

For the meantime, please check out this topic which will help you add a link to your columns especially is you are using VC.
https://community.theme.co/forums/topic/how-to-create-a-link-hyperlink-over-a-column-a-container-or-a-content-band/
https://community.theme.co/forums/topic/add-link-to-columns/

Hope this helps.

[renzofernandez]

I decided to work with Cornerstone. Very happy with it so far (great work!). I was able to achieve the result that I needed using the columnize element. How do I remove the line between the columns? Also, right now I have both columns fading in from the left. However, I would like to have one fade from the left and one from the right. Is this possible, while using the columnize element?

Thank you again.

[renzofernandez]

Also, I just noticed that cornerstone does not have a Image Gallery feature. This is very important for the website I am building. I am trying to place a nextgen gallery at the bottom of a page in a separate section. I have tried a few different things to place the nextgen shortcode but haven’t been able to get it to work. Can you please let me know what I need to do in order to accomplish this?

Thanks.

[renzofernandez]

Please ignore the question about the Image gallery. I used the “Text” element to get it to work.

[Rue Nel]

Hello There,

To remove the line between the columnize, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.x-columnize {
    -webkit-column-rule: 2px solid transparent;
    -moz-column-rule: 2px solid transparent;
    column-rule: 2px solid transparent;
}

Hope this helps.

[Author]

Posts