Suche nach Beiträgen von Anticonformist

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 24.06.2022 00:36

Aloha! c:jetzt muss ich glatt nchmal hier nerven, weil es mir gerade aufgefallen ist. icxh habe zwei Sachen bezüglich des profils Weiß jemand voin euch, wie man denn die Frabe des großen P´s bei "Profil von..." ändern kann? c:Uuunnnd bei den zwischenüberschiften der Boxen haben ich unter dem Hintergrund auch noch immer so einen dünnen, andersfarbigen Strich, weiß aber nicht, wie man da die farbe ändern kann. Wüsste das jemand von euch? :3LgTea

Das „P“ in „Profil von...“ kannst du durch folgenden Code ändern:

/* Erster Buchstabe */
h1:first-letter {
font-size: 30px;
font-family: Book Antiqua;
font-weight: bold;
color: #3A503D!;
text-shadow: 0 1px 0 #000000;
}

War mal so frei und hab die Farbe an dein Profil angepasst - kannst es aber gern selbst anpassen.

Um die Farbe dieses „Strichs“ bei den Zwischenüberschriften zu ändern, musst du beim box-shadow den jeweiligen Farbcode eingeben.

#content h4, #content h4.sub_head {
font-family: cinzel !important;
font-size: 11px !important;
letter-spacing: 2px;
font-weight: bolder !important;
color: #ffffff;
!important: ;
text-align: center !important;
text-transform: uppercase !important;
background-color: #bb8e7a!important;
background-repeat: repeat !important;
border: 0px solid #ffffff !important;
border-radius: 0px 0px 0px 0px !important;
padding: 5px !important;
box-shadow: 0px 3px 0px #00000!important;
}

Falls du das komplett weg haben möchtest, kannst du folgenden Code verwenden:

#content h4, #content h4.sub_head {
font-family: cinzel !important;
font-size: 11px !important;
letter-spacing: 2px;
font-weight: bolder !important;
color: #ffffff;
!important: ;
text-align: center !important;
text-transform: uppercase !important;
background-color: #bb8e7a!important;
background-repeat: repeat !important;
border: 0px solid #ffffff !important;
border-radius: 0px 0px 0px 0px !important;
padding: 5px !important;
box-shadow: none !important;
}