- Posts: 4
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
css styling of the end page
- falyjson
-
Topic Author
- Offline
- New Member
-
Less
More
3 weeks 3 days ago #264820
by falyjson
css styling of the end page was created by falyjson
Hello,
I am using an extended fruity twentythree theme with a custom background and I am having trouble styling the end page. I have encountered a problem with background to the welcome page and end page, since by default it has none. I have managed to add white background to the welcome page which works great by adding this line of code to the custom.css file:
.survey-welcome {
background: white;
padding: 1em;
}
However I haven't been able to find the right name for the end page. I have tried to add some variations of the code along with what i added to to welcome page to the custom.css, but none have worked for me:
.survey-end/complete/completed/submit/submitcomlpete/endpage
Is there some name of the endpage that I am missing? Or am I missing something else?
Thanks a lot for the reply!
I am using an extended fruity twentythree theme with a custom background and I am having trouble styling the end page. I have encountered a problem with background to the welcome page and end page, since by default it has none. I have managed to add white background to the welcome page which works great by adding this line of code to the custom.css file:
.survey-welcome {
background: white;
padding: 1em;
}
However I haven't been able to find the right name for the end page. I have tried to add some variations of the code along with what i added to to welcome page to the custom.css, but none have worked for me:
.survey-end/complete/completed/submit/submitcomlpete/endpage
Is there some name of the endpage that I am missing? Or am I missing something else?
Thanks a lot for the reply!
Please Log in to join the conversation.
- DenisChenu
-
- Offline
- LimeSurvey Community Team
-
Less
More
- Posts: 13804
- Thank you received: 2519
3 weeks 2 days ago #264844
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic css styling of the end page
twig :
github.com/LimeSurvey/LimeSurvey/blob/ma.../content/submit.twig
you can add a wrapper here : github.com/LimeSurvey/LimeSurvey/blob/f4...tent/submit.twig#L39
In GUI :
you can add a wrapper here : github.com/LimeSurvey/LimeSurvey/blob/f4...tent/submit.twig#L39
In GUI :
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Please Log in to join the conversation.
- falyjson
-
Topic Author
- Offline
- New Member
-
Less
More
- Posts: 4
- Thank you received: 0
3 weeks 2 days ago #264854
by falyjson
Replied by falyjson on topic css styling of the end page
Hello,
thanks again. I found the .twig in GUI, however I have very little programming skills and I don't know how exactly to put the wrapper there. Could you please show me how? Thank you so much!
thanks again. I found the .twig in GUI, however I have very little programming skills and I don't know how exactly to put the wrapper there. Could you please show me how? Thank you so much!
Please Log in to join the conversation.
- DenisChenu
-
- Offline
- LimeSurvey Community Team
-
Less
More
- Posts: 13804
- Thank you received: 2519
3 weeks 2 days ago #264856
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic css styling of the end page
Mayhbe best : replaxce
github.com/LimeSurvey/LimeSurvey/blob/f4...tent/submit.twig#L33
by
Then , in custom.css
by
Code:
<div class='endpage-text {{ aSurveyInfo.class.submitwrappertext }}' {{ aSurveyInfo.attr.submitwrappertext }}>
Then , in custom.css
Code:
.endpage-text{ background: red}
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The following user(s) said Thank You: falyjson
Please Log in to join the conversation.
- falyjson
-
Topic Author
- Offline
- New Member
-
Less
More
- Posts: 4
- Thank you received: 0
3 weeks 2 days ago #264857
by falyjson
Replied by falyjson on topic css styling of the end page
Please Log in to join the conversation.