- Posts: 19
- Thank you received: 1
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Align and change Group description container
- Skowronski
- Topic Author
- Offline
- New Member
Less
More
4 years 8 months ago #186788
by Skowronski
Align and change Group description container was created by Skowronski
Hi there!
I have a question group with two questions (see image).
I'd like to display the group description box differently (the one saying "Video Game 1").
It should
- align with the dark blue box (this is the group container)
- or at least be inside the group container.
Ideally, it should also be :
- in the same color as the border of the group container and
- be at the very top of the group container (no margin to the top),
but this is not absolutely necessary.
Have tried several things with the custom css sheet, but haven't found a solution.
Thank you for your help!
Marika
I have a question group with two questions (see image).
I'd like to display the group description box differently (the one saying "Video Game 1").
It should
- align with the dark blue box (this is the group container)
- or at least be inside the group container.
Ideally, it should also be :
- in the same color as the border of the group container and
- be at the very top of the group container (no margin to the top),
but this is not absolutely necessary.
Have tried several things with the custom css sheet, but haven't found a solution.
Thank you for your help!
Marika
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12788
- Thank you received: 3940
4 years 8 months ago #186796
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Align and change Group description container
Hi, Marika,
how did you get this group box?
I could only reproduce by changing the theme:
In all standard themes the group description is absolutely aligned with the question container.
Fruity
Bootstrap:
skelvanilla
And you can change the look and feel of the description by adding this to your custom.css. Of course you can extend with more styles.
Joffm
BTW: I do not know why all people want to use this group description.
In my opinion it is a description of the group so that the developers - even if there are more - no why and what for it is.
Much better to use a question of type "text display" at the start of the group. Here you have much more option to style your text.
how did you get this group box?
I could only reproduce by changing the theme:
Code:
.question-container { margin: 10px; } .group-outer-container { border: 1px solid red; }
In all standard themes the group description is absolutely aligned with the question container.
Fruity
Bootstrap:
skelvanilla
And you can change the look and feel of the description by adding this to your custom.css. Of course you can extend with more styles.
Code:
.fruity .well { background-color: #00f5f5; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); color: maroon; font-size: 22pt; }
Joffm
BTW: I do not know why all people want to use this group description.
In my opinion it is a description of the group so that the developers - even if there are more - no why and what for it is.
Much better to use a question of type "text display" at the start of the group. Here you have much more option to style your text.
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Skowronski
The topic has been locked.
- Skowronski
- Topic Author
- Offline
- New Member
Less
More
- Posts: 19
- Thank you received: 1
4 years 8 months ago #186857
by Skowronski
Replied by Skowronski on topic Align and change Group description container
Hey Joffm,
thank you for your help!
I think most people use the group description because it seems as the most obvious thing to do. I did not even think of creating a text display question, but it solves all the problems. THANK you.
Concerning the way I got the group box: I only have the basic theme of our university, and I think it is vanilla-based, but I did not change the looks. So probably there is something wrong in the settings, which I will check. Thanks for the codes so far
thank you for your help!
I think most people use the group description because it seems as the most obvious thing to do. I did not even think of creating a text display question, but it solves all the problems. THANK you.
Concerning the way I got the group box: I only have the basic theme of our university, and I think it is vanilla-based, but I did not change the looks. So probably there is something wrong in the settings, which I will check. Thanks for the codes so far
The topic has been locked.