Changing header background with CSS

LouisGac
New Member

7 years 4 months ago #167423 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

can you show us the headers? the css/js files?

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

7 years 4 months ago #167424 by krosser

Replied by krosser on topic Changing header background with CSS

LouisGac wrote: can you show us the headers? the css/js files?

Is this what you mean? (please see attached)

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

Capture6.PNG

The topic has been locked.

LouisGac
New Member

7 years 4 months ago #167425 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

please, turn debug mode on, so the asset manager is not used.

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

7 years 4 months ago #167426 by krosser

Replied by krosser on topic Changing header background with CSS

LouisGac wrote: please, turn debug mode on, so the asset manager is not used.

And then what should I do afterwards?

I've turned it on and rerun the survey.

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

The topic has been locked.

LouisGac
New Member

7 years 4 months ago #167429 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

then reload the survey in a private windows.

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

7 years 4 months ago #167430 by krosser

Replied by krosser on topic Changing header background with CSS

LouisGac wrote: then reload the survey in a private windows.

By private you mean like Incognito in Chrome? Because it gives me an error when I try to open incognito the preview.

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

The topic has been locked.

LouisGac
New Member

7 years 4 months ago #167431 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

yes, I mean Incognito mode.
you can publish your survey or allow public access to the preview.

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

7 years 4 months ago #167432 by krosser

Replied by krosser on topic Changing header background with CSS

Is it possible to find out the issue without publishing?
The survey is corporate and cannot be made available to the public.

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

The topic has been locked.

LouisGac
New Member

7 years 4 months ago #167433 by LouisGac

Replied by LouisGac on topic Changing header background with CSS

yes: the problem is that you're changin the CSS without refreshing the cache.
Please: develop your theme with debug mode on, refresh your browser cache at each change, and read

Maybe there is a problem with the autorefresh of the theme editor, I'll have a look

The topic has been locked.

krosser
Topic Author
Offline
Elite Member

7 years 4 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
New Member

7 years 4 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
New Member

7 years 4 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
Away
LimeSurvey Community Team

7 years 4 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;
}