X-Creamy Logo volle Breite, responsiv

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

X-Creamy Logo volle Breite, responsiv

Beitrag von Joyce&Luna » Mo 7. Aug 2017, 13:59

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

Antworten

Social Media

       

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast