extra class – swiftideas

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 21 replies, 4 voices, and was last updated 7 years by Rui Guerreiro – SUPPORT.

Viewing 15 posts - 1 through 15 (of 22 total)

1 2 →

Back to forum

Posted in: Uplift
September 23, 2016 at 11:50 am #293089

davidll
Member

Post count: 205

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

September 23, 2016 at 12:27 pm #293100

Kyle – SUPPORT
Moderator

Post count: 35880

Hi

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

– Kyle

September 23, 2016 at 1:05 pm #293107

davidll
Member

Post count: 205

This reply has been marked as private.

September 26, 2016 at 11:46 am #293308
David Martin – Support
Moderator

Post count: 20834
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;
}
```
September 27, 2016 at 8:52 am #293465

davidll
Member

Post count: 205

Thanks David

Can I ask what is overridden by?

D

September 27, 2016 at 9:01 am #293468

davidll
Member

Post count: 205

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

September 28, 2016 at 9:45 am #293602

David Martin – Support
Moderator

Post count: 20834

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/

September 28, 2016 at 10:00 am #293608

davidll
Member

Post count: 205

This reply has been marked as private.

September 28, 2016 at 10:22 am #293625

davidll
Member

Post count: 205

This reply has been marked as private.

September 29, 2016 at 11:23 am #293777
David Martin – Support
Moderator

Post count: 20834
Please test this amended CSS for your instance:
```
.spb-column-container.xinset {
    margin-left: 100px!important;
    margin-right: 45px!important;
    width: 53.5%;
}
```
September 29, 2016 at 11:38 am #293780

davidll
Member

Post count: 205

Hello

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

September 29, 2016 at 12:03 pm #293786

David Martin – Support
Moderator

Post count: 20834

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

– David

September 29, 2016 at 12:05 pm #293787

davidll
Member

Post count: 205

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

September 29, 2016 at 12:14 pm #293790

davidll
Member

Post count: 205

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

September 29, 2016 at 12:21 pm #293792

David Martin – Support
Moderator

Post count: 20834

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

Posted in: Uplift