Hallo, Christina,
dazu hast Du doch alles zur Hand.
Du weißt, wie Du diesen Container ansprichst.
Bis jetzt gab es das Ausblenden der beiden Container mittels
Code:
<style type="text/css">
.no-question .question-title-container,
.no-question .questionvalidcontainer {
display:none;
}
</style>
Gut, Du willst den Titelcontainer nicht ausblenden, sondern die Farben ändern.
Also blendest Du nur den "validcontainer" aus (das ist der, in welchem Fehlermeldungen angezeigt werden)
Du entfernst das "display:none" und fügst die dazu benötigten "properties" hinzu, wie z.B.
Code:
<style type="text/css">
.no-question .questionvalidcontainer {
display:none;
}
.no-question .question-title-container {
background-color: white;
color: #004176;
}
</style>
Jetzt stellst Du aber fest, dass der rechte und linke Rand des Containers fehlen; also fügst Du ihn noch hinzu.
Code:
<style type="text/css">
.no-question .questionvalidcontainer {
display:none;
}
.no-question .question-title-container {
background-color: white;
color: #004176;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
</style>
Und um den Text noch etwas näher an die Textbox zu rücken, ändern wir das Padding.
Was insgesamt ergibt:
Code:
<style type="text/css">
.no-question .questionvalidcontainer {
display:none;
}
.no-question .question-title-container {
background-color: white;
color: #004176;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
padding: 0em 1em 0em 1em;
}
</style>
#004176 ist das Blau der Website,
#dbdbdb ist das LimeSurvey-Grau der Rahmenfarbe.
Das sind also alles Dinge, die Du selbst mit einem Webdevelopment-Tool hättest bewerkstelligen können.
Etwas anderes habe ich auch nicht getan.
Natürlich muss man sich auch ein wenig einlesen.
Für alles, was HTML, css, javascript usw. angeht, ist W3schools eine m.E. unentbehrliche Hilfe.
[url]
www.w3schools.com/css/default.asp
[/url]
Joffm
