Issue with padding on column element

[NiO]

Hi Swiftideas,

Just ran into a small hickup. When using the “columns element” in a page the default padding is set to 15px, which nicely aligns with the page title. I can go into the column option and use the padding slider to change the default to x%. Initially this slider says it is set to 0% however it is an inactive setting (not overriding the 15px default”).

Once you change the slider, there is no way to get back to the 15px default. I tried changing it back to 0%, but that then still overrules the 15px (see att).

Cheers,
Johan

Attachments:

You must be logged in to view attached files.

[NiO]

Correction: the slider is not the problem. It is the raw html element that i include in the left column that seems to ignore the container padding. See attachment. I can correct it in CSS, but I think this is not the way it should work? Alternatively I can set a %padding using the slider mentioned earlier to get to 15px approximately however that won’t look nice on all devices …

Cheers,
johan

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide the link to the page where you took the screenshot?

-Rui

[NiO]

Hi Rui,

http://nio.photography/test-columns/

I simulated a bit. It is as I described in my first comment: when you don’t touch the padding slider all is fine. Once you touched no longer.

So, it looked good after inserting the text. Then I set padding from the default 0% (which in reality is 15px) to 3%, which worked as well. Then I put it back to 0% and then I get what you see: 0% is no longer 15 px because in-line style overrules it now.

Hope this helps,
Johan

[Rui Guerreiro – SUPPORT]

Hi,

It looks that this custom css is interfering.

@media (min-width: 1200px){
.container {
  width: 80%; 
}
}

When I disable it with the inspector it looks like this.
https://www.dropbox.com/s/69q1y5gb5x04ldk/screenshot.png?dl=0

-Rui

[NiO]

Hi Rui,

I have put that custom css in last night and I see why that confuses things. The issue is however still there after taking out that custom css and in your screenshot. Do you see how the left column doesn’t align with the title? That is the missing 15px I was referring to. You start of with 15px padding but end up with 0% once the slider is touched.

I will disable the custom css for now, so that it no longer confuses things.

Cheers,
Johan

[NiO]

Hi Rui,

Did some simulation to clarify the issue!

First I created this page http://nio.photography/test-for-rui/. Added columns in 2/3-1/3 set-up, added text block in both and saved. Nothing else. See how it looks? The alignment of the text in the columns is fine, but look at what it does with the breadcrumb ….

Next I created this page http://nio.photography/test-for-rui-2/. Did the same initial steps. Added columns in 2/3-1/3 set-up, added text block in both. Next I added a class to the 2/3 columns and saved. So didn’t even touch the padding slider. See how this one looks? Now the left column no longer aligns with the title. The breadcrumb is fixed though.

You still have the TempAdmin credentials I gave you for another issue. Feel free to go in and have a look. Something is wonky with these columns for sure!

Cheers,
Johan

[NiO]

Hi Rui,

Did you get around to looking at this one. I temporarily disabled most of my css for it … would like to put it back in place once you had a look 🙂

Tnx,
Johan

[Rui Guerreiro – SUPPORT]

Will check it in a few minutes. Will let you know.
-Rui

[NiO]

And? 🙂

[Rui Guerreiro – SUPPORT]

You are right there is no way to return to the initial state editing the asset.

The workaround that I used in the page you created for me was going to the classic editor and delete the instances of the text padding_horizontal="0"

Will have to forward this one to our head developer so it can be fixed.
Thanks for spotting this one.

-Rui

[Swift Ideas – Ed]

Thanks for the heads up on this Johan – just sorted it so that the padding is applied within the column, so that the column padding is respected.

This will be in the next Swift Framework plugin update.

– Ed

[NiO]

Thanks a lot guys!

[Kyle – SUPPORT]

No problem, thanks Ed

[NiO]

Hi Ed, Kyle,

Works like a dream now 🙂

Cheers,
Johan