extra class

[davidll]

Hello

I had a post regarding extra class. http://www.swiftideas.com/forums/topic/extra-class-2/

Since the update i’ve been having issues with Extra classes within your themes. I’ve now, finally worked it out.

Padding in extra classes doesn’t work – can you please test this and confirm?

Every time i add padding – it get ignored, even when i mark it as !important;

Can you let me know. Thx

D

[Kyle – SUPPORT]

Hi

Please send me the link to the page and explain which element you have added padding to

– Kyle

[davidll]

This reply has been marked as private.

[David Martin – Support]

Hi,

You need to adjust your class as it’s being overridden:

.spb-row-container.remove-element-spacing div[class*="col-sm"] .xinset {
    padding-left: 100px!important;
    padding-right: 45px!important;
}

[davidll]

Thanks David

Can I ask what is overridden by?

D

[davidll]

Ok – Just put this in.
It only effects one sf element within the column.

Before, The whole column and all its elements had the padding / extra class applied.

D

[David Martin – Support]

Can you send me an annotated screenshot of what you are trying to do?

The CSS os being overridden simply because of multiple of CSS rules, you can read up the multiple CSS classes here: https://css-tricks.com/multiple-class-id-selectors/

[davidll]

This reply has been marked as private.

[davidll]

This reply has been marked as private.

[David Martin – Support]

Please test this amended CSS for your instance:

.spb-column-container.xinset {
    margin-left: 100px!important;
    margin-right: 45px!important;
    width: 53.5%;
}

[davidll]

Hello

Thank you – that does work… but thats margin, not padding?

[David Martin – Support]

Is there a reason you need a padding over a margin?

– David

[davidll]

In fact it doesn’t work – using ‘margin’ then effects everything else on the page.

I’m going to have to revert the theme back to before the update – when it worked.

D

[davidll]

The reason over padding – is that it just effects just that column. Margin, you need to add width percentage – which then knocks the whole page out.

see: http://www.lolo.ac.uk – which now works with the css given.
http://www.lolo.ac.uk/about-us/ucl/ – doesn’t

Anyway, i guess this is just the update thats caused this and i should just revert back. It’s just a bugger.

Thanks for looking into this

D

[David Martin – Support]

What does not work with it, can you provide a screenshot. Everything looked as per the screenshot when I looked into this.