Back to limesurvey.org

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
  • jan.philipp.thomeczek's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 2 months 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

Please Log in to join the conversation.

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team & Official Partner
  • LimeSurvey Community Team & Official Partner
More
1 year 2 months ago #252280 by DenisChenu
Replied by DenisChenu on topic Welcome Theme on Fruity 23 Theme only using half the screen
On welcome text ?

Seems to be an issue : must be reported.
community.limesurvey.org/bug-tracker/
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 2 months ago - 1 year 2 months ago #252282 by Joffm
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

 
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 year 2 months ago by Joffm.
The following user(s) said Thank You: DenisChenu

Please Log in to join the conversation.

  • jan.philipp.thomeczek
  • jan.philipp.thomeczek's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 2 months 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
  • jan.philipp.thomeczek's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
1 year 1 month ago #253989 by jan.philipp.thomeczek
Replied by jan.philipp.thomeczek 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
 
Weirdly, this only works for Apple, not with the other design CSS, like theme_blueberry.css. Do you know why?

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 1 month ago #253991 by Joffm
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)
 
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.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source