Hi Ulf,
Thank you for reaching out. The elegant way to change the colors of the
header and footer in JSPWiki is to modify the variables.less file and then
recompile the LESS into CSS. This ensures that your changes are integrated
into the base template and are consistent across the site.
However, if you're not familiar with LESS or if you're looking for a
quicker workaround, you can directly override the CSS styles. Here's an
example to change the header background to a pinkish-red color:
css
.header {
background: hsla(333, 76%, 46%, 0.9) !important;
}
The !important flag ensures that this rule will take precedence over any
existing styles.
Please note that using !important is generally considered a workaround and
it's best to use it sparingly. For a long-term solution, I would recommend
getting comfortable with LESS and modifying the variables.less file.
Hope this helps!
Arturo
On Fri, Sep 29, 2023 at 3:38 PM Ulf Dittmer
<ulf.ditt...@googlemail.com.invalid> wrote:
> Hi-
>
> For a site I'm implementing with JSPWiki I need to change the two blue
> tones of the header and footer to other colors. How would I go about that?
> I've gone through various CSS-related pages of the documentation, but they
> all seem to deal with changing styles within a page, not in the base
> template. I suspect the answer has something to do with the color
> definitions in the variables.less file, but although I'm somewhat
> proficient with CSS, LESS is a mystery to me.
>
> Can someone point me in the right direction?
>
> Thanks, Ulf
>
