- Posts: 35
- Thank you received: 6
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Weird line in the header.
- linuxhooligan
- Topic Author
- Offline
- Junior Member
Less
More
6 months 1 week ago - 6 months 1 week ago #251269
by linuxhooligan
Weird line in the header. was created by linuxhooligan
Please help us help you and fill where relevant:
Your LimeSurvey version: 6.1.7+230710
Own server or LimeSurvey hosting: Own server
Survey theme/template: Extended fruity theme.
==================
Hi guys. Question:
1) QUESTION: I think I have discovered most of the classes that I am interested in overriding, however, when I change the navbar colour I see a horizontal line above the menu hyperlinks in the navbar. Can someone give me a hint on what class handles that and how to change it?
The horizontal line is circled in the attached screenshot.
2) I have looked at all of the documentation, googled and searched forums and cannot find the correct class to override for either case. I have also leaned how to use bootswatch themes in my custom.css, but the reality is that the Fruity theme is basically perfect and I only need to fiddle with a few classes to adjust the colours and layout.
3) Here is my custom.css css for reference:
/* navbar center logo */
.navbar-header {
float: none;
margin: 0 auto; }
.navbar-brand.logo-container {
display: block !important;
float: none;
margin: 0 auto;
text-align: center; }
.navbar-brand > img {
margin: 0 auto; }
/* navbar set color to navy blue */
.fruity .navbar { background-color: #1b3448 !important; }
/* navigation buttons at bottom, push a bit up */
.navigator {
margin-top: -50px; }
/* center the forms in the middle */
.outerframe {
width: 800px;
border: 1px solid red;
display: flex;
justify-content: center; }
.survey-form-container{
width: 400px;
border: 1px solid red; }
/* just a test, change radio buttons text colour */
.list-radio {
color: blue; }
/* trying to center the progress bar in it's container */
.top-container {
border: 1px solid red;
display: flex;
justify-content: center;
}
.progress {
width: 400px;
border: 1px solid red;
}
/* test - change progress bar colour */
.tch-01 .progress-bar {
background-color: #3300FF;
width: 800px;
}
/* question fonts */
.question-text {
color: black;
font-size: 26px;
line-height: 26px;
}
/* hide the asterisk */
.asterisk { display:none; }
#ls-button-previous {
background-color:red;
color:yellow;
}
#ls-button-submit {
background-color:yellow;
color:maroon;
}
ul.nav a { color: #fff !important; }
ul.nav a:hover { color: #fff !important; }
Any suggestions and critiques of my css are ABSOLUTELY welcome.
Thanks.
Your LimeSurvey version: 6.1.7+230710
Own server or LimeSurvey hosting: Own server
Survey theme/template: Extended fruity theme.
==================
Hi guys. Question:
1) QUESTION: I think I have discovered most of the classes that I am interested in overriding, however, when I change the navbar colour I see a horizontal line above the menu hyperlinks in the navbar. Can someone give me a hint on what class handles that and how to change it?
The horizontal line is circled in the attached screenshot.
2) I have looked at all of the documentation, googled and searched forums and cannot find the correct class to override for either case. I have also leaned how to use bootswatch themes in my custom.css, but the reality is that the Fruity theme is basically perfect and I only need to fiddle with a few classes to adjust the colours and layout.
3) Here is my custom.css css for reference:
/* navbar center logo */
.navbar-header {
float: none;
margin: 0 auto; }
.navbar-brand.logo-container {
display: block !important;
float: none;
margin: 0 auto;
text-align: center; }
.navbar-brand > img {
margin: 0 auto; }
/* navbar set color to navy blue */
.fruity .navbar { background-color: #1b3448 !important; }
/* navigation buttons at bottom, push a bit up */
.navigator {
margin-top: -50px; }
/* center the forms in the middle */
.outerframe {
width: 800px;
border: 1px solid red;
display: flex;
justify-content: center; }
.survey-form-container{
width: 400px;
border: 1px solid red; }
/* just a test, change radio buttons text colour */
.list-radio {
color: blue; }
/* trying to center the progress bar in it's container */
.top-container {
border: 1px solid red;
display: flex;
justify-content: center;
}
.progress {
width: 400px;
border: 1px solid red;
}
/* test - change progress bar colour */
.tch-01 .progress-bar {
background-color: #3300FF;
width: 800px;
}
/* question fonts */
.question-text {
color: black;
font-size: 26px;
line-height: 26px;
}
/* hide the asterisk */
.asterisk { display:none; }
#ls-button-previous {
background-color:red;
color:yellow;
}
#ls-button-submit {
background-color:yellow;
color:maroon;
}
ul.nav a { color: #fff !important; }
ul.nav a:hover { color: #fff !important; }
Any suggestions and critiques of my css are ABSOLUTELY welcome.
Thanks.
Attachments:
Last edit: 6 months 1 week ago by linuxhooligan.
Please Log in to join the conversation.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11660
- Thank you received: 2742
6 months 1 week ago #251273
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic Weird line in the header.
Looks like some "horizontal line tag". Search for something like this in the theme files:
Code:
<hr/>
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Please Log in to join the conversation.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
6 months 1 week ago #251274
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Weird line in the header.
Can you attach a link to a test survey?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Please Log in to join the conversation.
- linuxhooligan
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 35
- Thank you received: 6
5 months 3 weeks ago #251745
by linuxhooligan
Replied by linuxhooligan on topic Weird line in the header.
I am just following to post:
1) Thank you kindly for the follow up.
2) I have gone through a number of iterations of theme edits / extensions and I cannot reproduce the issue successfully.
I will follow up on this item in the future if I re-discover the issue and can provide a sample.
Thanks again.
1) Thank you kindly for the follow up.
2) I have gone through a number of iterations of theme edits / extensions and I cannot reproduce the issue successfully.
I will follow up on this item in the future if I re-discover the issue and can provide a sample.
Thanks again.
Please Log in to join the conversation.