- Posts: 21
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Welcome Theme on Fruity 23 Theme only using half the screen
- jan.philipp.thomeczek
- Topic Author
- Offline
- Junior Member
Less
More
5 months 1 week ago #252277
by jan.philipp.thomeczek
Welcome Theme on Fruity 23 Theme only using half the screen was created by jan.philipp.thomeczek
Hi there
I'm using (currently) the free version hosted by Limesurvey.org and having a display issue.
On the original Fruity 23 theme, the welcome screen forces a linebreak quite early and only covers half the screen on desktop.
See the attached screenshot. This issue doesn't exist with the other themes.
I guess I need to change something in the editor, but I don't know the code. Who can help?
Thanks in advance
I'm using (currently) the free version hosted by Limesurvey.org and having a display issue.
On the original Fruity 23 theme, the welcome screen forces a linebreak quite early and only covers half the screen on desktop.
See the attached screenshot. This issue doesn't exist with the other themes.
I guess I need to change something in the editor, but I don't know the code. Who can help?
Thanks in advance
Please Log in to join the conversation.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
5 months 1 week ago #252280
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 Welcome Theme on Fruity 23 Theme only using half the screen
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.
- Joffm
- Away
- LimeSurvey Community Team
Less
More
- Posts: 12941
- Thank you received: 3979
5 months 1 week ago - 5 months 1 week ago #252282
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Welcome Theme on Fruity 23 Theme only using half the screen
In "theme.apple.css" the welcome container has a max-width of only 750 px.
If you remove this, it's fine
Should be reported.
Joffm
If you remove this, it's fine
Should be reported.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 months 1 week ago by Joffm.
The following user(s) said Thank You: DenisChenu
Please Log in to join the conversation.
- jan.philipp.thomeczek
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 21
- Thank you received: 0
5 months 1 week ago #252284
by jan.philipp.thomeczek
Replied by jan.philipp.thomeczek on topic Welcome Theme on Fruity 23 Theme only using half the screen
This works! Thanks!
Please Log in to join the conversation.
- jan.philipp.thomeczek
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 21
- Thank you received: 0
3 months 4 weeks ago #253989
by jan.philipp.thomeczek
Replied by jan.philipp.thomeczek on topic Welcome Theme on Fruity 23 Theme only using half the screen
Weirdly, this only works for Apple, not with the other design CSS, like theme_blueberry.css. Do you know why?In "theme.apple.css" the welcome container has a max-width of only 750 px.
If you remove this, it's fine
Should be reported.
Joffm
Please Log in to join the conversation.
- Joffm
- Away
- LimeSurvey Community Team
Less
More
- Posts: 12941
- Thank you received: 3979
3 months 4 weeks ago #253991
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Welcome Theme on Fruity 23 Theme only using half the screen
Of course, it does work in blueberry, too.
Always investigate with your webdevelopment tool.
You will see that "blueberry" seems to inherit from "apple"
So you have to remove/change this setting in both themes.
Here I simply changed max-width" to 100%
in both files
themes/survey/fruity_twentythree/css/variations/theme_apple.css
and
themes/survey/fruity_twentythree/css/variations/theme_blueberry.css
and cleared the asset cache.
Of course, the easiest way is to set the max-width in the source code of the welcome message
Just to show (with borders, margins and width)
Joffm
Always investigate with your webdevelopment tool.
You will see that "blueberry" seems to inherit from "apple"
So you have to remove/change this setting in both themes.
Here I simply changed max-width" to 100%
in both files
themes/survey/fruity_twentythree/css/variations/theme_apple.css
and
themes/survey/fruity_twentythree/css/variations/theme_blueberry.css
and cleared the asset cache.
Of course, the easiest way is to set the max-width in the source code of the welcome message
Just to show (with borders, margins and width)
Code:
<style type="text/css"> #welcome-container { max-width: 50% !important; margin-left: 25%; border: 2px solid red; padding: 5px; } </style>
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Please Log in to join the conversation.