X-Creamy Logo volle Breite, responsiv

Fragen und Antworten zum Thema Style
Antworten
Benutzeravatar
Joyce&Luna
Administrator
Beiträge: 644
Registriert: Fr 4. Mär 2016, 05:29
Wohnort: Erkrath

X-Creamy Logo volle Breite, responsiv

Beitrag von Joyce&Luna »

Um das Logo über die ganze Breite zu bekommen, müssen nur kleine Veränderungen vor genommen werden.

Um ein neues Logo anzeigen zu lassen, öffnet den Ordner styles => X-Creamy => template => overall_header.html
such die Zeile

Code: Alles auswählen

			<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">
				<img src="{T_THEME_PATH}/images/sitelogo.png" class="creamy-image-wrapper" alt="">
			</a>
ändert den Logo Namen sitelogo.png passend um.

Dann öffnet ihr X-Creamy => theme => creamy.css

Sucht nach

Code: Alles auswählen

.creamy-image-wrapper {
	display: block;
	margin: 0 auto 15px 36.8%;
	position: relative;
	width: auto;
}
ersetze hiermit

Code: Alles auswählen

.creamy-image-wrapper {
    display: block;
    margin-bottom: -3px;
    position: relative;
    width: 100%;
}
suche

Code: Alles auswählen

@media (min-width: 701px) and (max-width: 2048px) {
.creamy-image-wrapper {
	margin: 0 auto 15px;
}
}
und löscht diese komplett.

Öffnet die common.css
Suche

Code: Alles auswählen

.headerbar {
	margin-bottom: 4px;
	padding: 5px 5px 38px;
}
Und ändere padding: 5px 5px 38px; in padding: 0 0 38px; um.

Nur noch Board Cache leeren und Browser Cache mit STRG F5 leeren.

Das Logo ist responsiv, eine zusätzliche Extension ist nicht erforderlich.

Anke
Joyce&Luna
Antworten