Hello to all,
How do I reduce the sidebar width on Quark theme?
Hello, sorry if this is trivial, I do not like using frameworks for CSS I want to keep styles simple.
- I found
.col-9 {
width: 75%;
}
Deals with the width of the summaries section for desktop screens
- and this for the sidebar width
.col-3 {
width: 25%;
}
- One single column for mobiles:
.col-12 {
width: 100%;
}
-
If I edit widgets.css directly and I reduce the sidebar, .col-3, to 20% and increase the summaries, col-9, to 80% in the same amount, it works on the browser inspector.
-
Then I make the changes in my inherited theme in the custom.css file, but I see Spectre changing back to the original values no matter what I try to bypass in custom.css.
Question: How can I make these changes permanent using my quarkCustom theme?
Reduced, forced on browser.
Thanks and regards
joejac