Docs

[strandbein]

Hi,
on
http://ami-studio.de/#Kontakt
I have a 3-parted Row with custom widths: 1/6 + 2/6 + 3/6. Thats ok, but not ideal, the first column is a little bit too small. But with 1/3 + 1/3 +1/3 the column is too big. Is there a way to fine tune the column width like 20% + 20% + 40%?
Thank you,
Jens

[Paul R]

Hi Jens,

Yes, you can add a width to your columns in the style field.

So you can add width:20%; in the style field of yourfirst two columns and add width:40%; to your third column.

Hope that helps.

[strandbein]

I tried this already before. On Desktop and iPad it looks ok, but on iPhone…

[strandbein]

screenshot as jpg

[Joao]

HI There,

Try using the Custom Column and using

1/4 + 1/4 + 2/4

That is 25% 25% 40%

You can add your section 10% margin left and right in order to get the width you want than.

Hope that helps

Joao

[strandbein]

Where can I do this? I only see “padding”.

[Jade]

Hi there,

I have checked your site on mobile view and it seems to be displaying correct now. See screenshot attached.

Please let us know if you have any questions.

[strandbein]

On mobile it’s ok because I don’t use this width:20%; etc.
With 1/6 + 2/6 + 3/6 the left column is too small, and with 1/4 + 1/4 + 1/2 the left column ist too big 🙁
But may be it’s a first world problem…

[Lely]

Hi There,

Thank you for the screenshots. Please try 1/5 + 1/5 + 3/5.
That’s the in between on those columns size.

Hope this helps.

[strandbein]

No, than the right column with the google map would be greater than a half.
30% + 30% + 40% would be great 🙂
Thank yuo,
Jens

[Rue Nel]

Hello There,

Please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

#Kontakt .x-container.marginless-columns .x-column.x-1-6,
#Kontakt .x-container.marginless-columns .x-column.x-1-3 {
    width: 30%;
}

#Kontakt .x-container.marginless-columns .x-column.x-1-2 {
    width: 40%;
}

We would loved to know if this has work for you. Thank you.

[strandbein]

No, then we have the same result like with style width:20%; (see Attachment).

[Joao]

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
– Specific page you are trying to achieve this layout

– DO you want 30% 30% 40% ?

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

Thanks

Joao

[strandbein]

This reply has been marked as private.

[Joao]

Hi There,

I just tested and you can force the size of the columns on the style box and it works.

Just use : width: 30% !mportant; and 40% !important;

Hope that helps

Joao

[Author]

Posts