marccata

Hi @afterimagedesigns,

Currently I customized my extra measures “mt-6, mt-md-7” in the css, but if I use two classes together as “mt-5 mt-md-6”, the rule loaded from boostrap always overrides my css rules even if I mark them as !important and I always get “mt-5” in md screens. The thing is that I want to add this rules properly from the scss files to avoid this problem:

I created a new file in the scss/abstracts/variables folder inside the theme called “_spacers.scss” and then it is imported in “_abstracts.scss”. My real doubt is why is this not working, I’m not very experienced with scss but as far as I’ve been looking for, this should be working and it is not. Is this the correct way to make this (https://stackoverflow.com/questions/46119384/bootstrap-4-add-more-sizes-spacing)?

Regards ??

• This reply was modified 4 years, 3 months ago by marccata.

Hi @afterimagedesigns,

Thanks for having a look. I changed the name of the theme as I directly changed some css and other minor things over the theme files and I don’t want it to update accidentally and erase the changes. I know that it’s not a best practice but I prefer it that way.

I added a new file “_spacers.scss” in the “variables” folder and import it in the “_abstracts.scss” file. Currently I have some pt-6 and pt-7 like styles written in css, but I need them to work with pt-md-6 like classes and this is not currently working. Maybe I’m importing the file in a wrong place? I’m not sure about where my mistake is.

Regards

• This reply was modified 4 years, 3 months ago by marccata.