Welcome to the LimeSurvey Community Forum

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

Navbar color change correct in preview but not the actual survey.

  • Mordred
  • Mordred's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 7 months ago - 1 year 7 months ago #231810 by Mordred
Great i just deleted all the text

So again:

i tried to change the color of the navbar

it works on the startpage and in the preview but not the survey.

i checked the classes used with firefox dev and added them one after another (yes i know i could have grouped them but that should not be the problem)

For some reason the right part of the navbar still is white
Code:
/******************
    User custom CSS
    ---------------
 
    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
body{
    background-color: #ffd900;
}
.navbar-collapse{
    background-color: #ffd900;
}
 
.navbar-default{
    background-color: #ffd900;
}
 
.navbar{
    background-color: #ffd900;
}
.navbar-fixed-top{
    background-color: #ffd900;
}
.navbar-header{
    background-color: #ffd900;
}

some pictures
Last edit: 1 year 7 months ago by Mordred.

Please Log in to join the conversation.

  • Mordred
  • Mordred's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 7 months ago - 1 year 7 months ago #231811 by Mordred
now i forgot the standard questions

Version is Version 5.3.32+220817
theme is an frutiy extension
hosted on own webserver
Last edit: 1 year 7 months ago by Mordred.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 7 months ago #231812 by Joffm
Hi,
add the class ".fruity".
Then this is sufficient
Code:
.fruity .navbar {
    background-color: #FFA4AE;    
}
 

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Mordred

Please Log in to join the conversation.

  • Mordred
  • Mordred's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 7 months ago #231813 by Mordred
sadly no

now i have navbar brand white again and the right is still white

Also added the class of the theme extension -> still white

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 7 months ago #231814 by Joffm
Did you test in a new extended fruity theme?
Without any further customization?

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Mordred

Please Log in to join the conversation.

  • Mordred
  • Mordred's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 7 months ago - 1 year 7 months ago #231815 by Mordred
just did,

in a knew extension it works. but the only things i changed where the color options offered and i uploaded a png with transparent background.

very strange.

funny: Now it is inverted: White on the startpage but correct on the survey page

oh and it also is white in mobile view
Last edit: 1 year 7 months ago by Mordred. Reason: mobile test

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 7 months ago #231820 by tpartner
Can you activate a survey so we can see what CSS is taking precedence?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: Mordred

Please Log in to join the conversation.

  • Mordred
  • Mordred's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 7 months ago - 1 year 7 months ago #231821 by Mordred
09.dialoggestalter.de/index.php?r=survey...658&lang=de-informal

on mobile it is yellow in the survey but white on the startpage.
Last edit: 1 year 7 months ago by Mordred.

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 7 months ago - 1 year 7 months ago #231822 by tpartner
I see yellow in both screens...but maybe I'm confused about where you are looking...

 

 

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 1 year 7 months ago by tpartner.
The following user(s) said Thank You: Mordred

Please Log in to join the conversation.

  • Mordred
  • Mordred's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 7 months ago #231824 by Mordred
sorry i should have been more clear:

09.dialoggestalter.de

if you just go there it is white

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 7 months ago #231825 by Joffm
And I see this in the web development tool
 

Changed to #f00
 

where did you enter the background-color of ".fruity . navbar"?

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Mordred

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 7 months ago #231826 by tpartner
Assuming you want the navbar to be yellow, in the theme for the home-page ( 09.dialoggestalter.de/ ), change this:

Code:
.fruity .fruity09 .navbar {
    background-color: #ffd900;    
}

To this:

Code:
.fruity_09 .navbar {
    background-color: #ffd900;    
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: Mordred

Please Log in to join the conversation.

Lime-years ahead

Online-surveys for every purse and purpose