Docs

[perisoylu]

Hi dear support team:

I have finally managed to add links to three columns that were next to each other and took up 1/3 of the width of the site each. After I added the links via Java, the size of the columns has changed from taking up 1/3 of the width to taking up full width and the columns are listed after one another. How can I change the size back to the original (1/3 of the width of the website and three columns next to each other)? The backend shows the columns still in 1/3 of width next to each other, while the front end displays them full width, one after the other. Help is really appreciated!

Thanks a lot!

happycoollove.de

[Darshana]

Hi there,

Thanks for writing in! I’m sorry, but which sections that you are referring to? so that wen assist you.

Thanks!

[perisoylu]

Hi and thanks for your quick reponse:

I am referring to the sections in the screenshot that I added. Thank you!

[Joao]

Hi There,

You would not need to do any special coding to achieve 3 columns side by side.

On Cornerstone, click on your section, select the row > Manage and > Column layout.

See image attached,

Hope that helps

Joao

[perisoylu]

Hi,
Thanks for the reply. I am afraid that I did not manage to communicate what my problem is: The problem is that I already did specify the columns via cornerstone (1/3 and 3 columns) and even though in the backend via cornerstone it still shows me the column layout with the three columns side by side, this is not what I see in the frontend. Adjusting the cornerstone settings do not seem to have any effect at this point. It used to be that backend and frontend were identical until I added links to each of the columns, as I mentioned in my first email concerning this topic. However, after adding the links the layout changed and the columns are now not listed next to each other but are listed one after the other and are full width. How do I go back to the original layout and keep the links?

Thank you.

[Paul R]

Hi,

There could excess div tags that is breaking your layout.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[perisoylu]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials. Please also add this custom CSS:

.linked-column1, .linked-column2, .linked-column3 {
    float: left !important;
}

You might want to update that CSS to this in case you want those columns to have the same height:

.linked-column1, .linked-column2, .linked-column3 {
    float: left !important;
    min-height: 338px;
}

Hope this helps.

[perisoylu]

Thank you! How cool! First part worked perfectly, second part almost worked. I took out the “min” in front of height command you provided me with since that part did not leave me with boxes at same height.

Thanks again!

[Paul R]

You’re welcome! 🙂

[Author]

Posts