Align and change Group description container

More
2 years 11 months ago #186788 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

Attachments:
The topic has been locked.
More
2 years 11 months ago #186796 by Joffm
Hi, Marika,
how did you get this group box?
I could only reproduce by changing the theme:
.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.
.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
Attachments:
The following user(s) said Thank You: Skowronski
The topic has been locked.
More
2 years 11 months ago #186857 by Skowronski
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 :)
The topic has been locked.

Start now!

Just create your account and start using Limesurvey today.

Register now