Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Changing header background with CSS

krosser
Topic Author
Offline
Elite Member

More

6 years 8 months ago #167438 by krosser

Replied by krosser on topic Changing header background with CSS

For some reason, when I extend a theme again, then the CSS code works. But for the previously extended one it doesn't...
And the strange thing is that I had the theme set with that CSS code, and from today it just went back to default and wasn't responding to changes anymore. So I had to extend the theme again. BUT.. who knows, maybe it will happen again - one week after, the theme will stop loading custom.css and I have a big issue in my organization. I would like to avoid such surprises.

I'm using the latest LS 3.22 hosted on LS servers, not installed locally.

The topic has been locked.

LouisGac
Visitor

6 years 8 months ago #167440 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

it's the asset manager + the browser cache.
turn debug mode on: no more asset manager (the real file you're editing is loaded), but then browser cache problem (the browser uses its local version)

Solution: turn debug mode on, refresh your browser cache.

The topic has been locked.

LouisGac
Visitor

6 years 8 months ago #167441 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

but normally, the theme editor should refresh the assets at each save. I'll check what's going on

The topic has been locked.

Joffm
Offline
LimeSurvey Community Team

More

6 years 8 months ago #167453 by Joffm

Replied by Joffm on topic Changing header background with CSS

Hi, krosser,

For example, I have had blue navbar and white hyperlinks, highlighted in orange. I'm using Vanilla theme.
The codes:

Code:

.navbar .navbar .navbar-default {
    background-color: #008dc9;
}
 
.navbar .navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
 
.navbar .navbar-default .navbar-nav > li > a:hover {
    text-decoration: underline;
    color: #D86422;
}

If I change this code to:
.

Code:

vanilla .navbar {
    background-color: #008dc9;
}
 
.vanilla .navbar .navbar-nav > li > a {
    color: #ffffff;
}
 
.vanilla .navbar .navbar-nav > li > a:hover {
    text-decoration: underline;
    color: #D86422;
}