I am using theme inheritance to modify the default antimatter theme. I am creating a simple modular page. By default, the child pages of the modular page come with a lot of space (either padding or margins or something between them). I would like to reduce or remove this space. I have tried copying and modifying some of the scss files from user/themes/antimatter/scss to my own theme, but I can not figure out which files I should copy, and how to modify them (or even if the scss are the right files to modify). Any help would be appreciated.
Community guidelines
Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.
I have figured it out!
I am using in my twig file <div class="modular-row callout"> and then in the template.css file, I can modify the .callout settings.
Next question: suppose I have a base set of css params in my .callout, how can I easily override them for just a single child of my modular page?
related: I am confused why modifying the _custom.scss file does not get picked up - I have to modify the template.css file - I'll keep poking around to see what I can deduce.
@walkloud:
related: I am confused why modifying the _custom.scss file does not get picked up - I have to modify the template.css file - I’ll keep poking around to see what I can deduce.
The answer is in the customization tutorial - what I did was OK (modify the template.css file) - if I would like to use the .scss files, I need to install a sass compiler, and learn how to use that. Probably, learning to use sass is better - also, I will check if putting my changes in the custom.css file gives the same result as modifying the template.css file - hopefully yes, as that would also be better than what I did.
EDIT: Yes - moving my changes from css-compiled/template.css to css/custom.css indeed works. NOTE - I am inheriting from the anti-matter theme which supports a custom.css file - not sure about other themes.
I'm trying to eliminate space between the modular sections on a page as well. I'm using the default Quark theme. I can't figure out exactly what to put in the twig file and template.css (or custom.css) file. Can anyone assist by posting the correct code?
Thank you
Log in to reply.
Suggested topics
| Topic | Participants | Replies | Views | Activity |
|---|---|---|---|---|
| 4 | 197 | 2 months ago | ||
| 3 | 92 | 2 months ago | ||
| 11 | 454 | 3 months ago | ||
| 0 | 47 | 3 months ago | ||
| 5 | 127 | 3 months ago |