Template "JekyllAndHyde" zentrierten Text verschieben?

Ein CMSimple Support Forum für deutsch sprechende Nutzer und Entwickler
Post Reply
AndyCH
Posts: 3
Joined: Sat Jan 18, 2020 4:55 pm

Template "JekyllAndHyde" zentrierten Text verschieben?

Post by AndyCH » Sat Jan 18, 2020 5:08 pm

Hallo zusammen
ich nutze verschiedene CMSimple_XH Seiten schon seit vielen Jahren, jetzt habe ich ein Problem mit einer Style-Anpassung:

Im Template "JekyllAndHyde" ist auf der Startseite in der Mitte zentrierter Text (mit Logo) in 3 Zeilen (1*gross und 2*klein).
[Beispiel hier: http://www.cmsimplexh.momadu.de/demos/jekyllandhyde/ ]

Wie kann ich diesen Text gesamt (um XY Pixel bzw. relativ) nach links verschieben und
- entweder dabei zentriert lassen
- oder linksbündig machen

Ich stehe hier auf dem Schlauch - danke für Eure Hilfe,
Gruss Andy
The tragedy of life is not that it ends so soon, but that we wait so long to begin it.

lck
Posts: 1975
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Template "JekyllAndHyde" zentrierten Text verschieben?

Post by lck » Sun Jan 19, 2020 1:05 pm

AndyCH wrote:
Sat Jan 18, 2020 5:08 pm
Wie kann ich diesen Text gesamt (um XY Pixel bzw. relativ) nach links verschieben und
- entweder dabei zentriert lassen
- oder linksbündig machen
Workaround, startpage.css am Ende einfügen, Beispiel:

Code: Select all

@media only screen and (min-width: 801px) {
.lck_logo {
	max-width: 800px;
}

.nb_slogan {
	margin: 1.5em 0 0; /* optional */
	max-width: 440px; /* Slogan-Text linksbündig. Diese Zeile löschen, wenn er mittig sein soll */
	max-width: 800px; /* Slogan-Text mittig. Diese Zeile löschen, wenn er linksbündig sein soll */
}
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

AndyCH
Posts: 3
Joined: Sat Jan 18, 2020 4:55 pm

Re: Template "JekyllAndHyde" zentrierten Text verschieben?

Post by AndyCH » Sun Jan 19, 2020 4:44 pm

Danke für die schnelle Antwort :-)

Slogan-Text weiter links mittig geht so ;)
Slogan-Text linksbündig geht so nur für die 1. grosse Zeile, nicht für die beiden Zeilen darunter :?

Gruss Andy
The tragedy of life is not that it ends so soon, but that we wait so long to begin it.

lck
Posts: 1975
Joined: Wed Mar 23, 2011 11:43 am
Contact:

Re: Template "JekyllAndHyde" zentrierten Text verschieben?

Post by lck » Mon Jan 20, 2020 10:52 am

AndyCH wrote:
Sun Jan 19, 2020 4:44 pm
Slogan-Text weiter links mittig geht so ;)
Slogan-Text linksbündig geht so nur für die 1. grosse Zeile, nicht für die beiden Zeilen darunter :?
Im Original Template gibt es keine 3 Zeilen, nur Logo mit Seitennamen und Slogan darunter. Das Suchfeld soll ja anscheinend mittig bleiben, oder? Wenn die Seite online ist, wäre ein Link gut (evtl. per PN).

Ansonsten folgender Vorschlag.
template.htm, fasse den Logocontent und den Slogan in ein extra DIV mit der Klasse "headtext":

Code: Select all

<div class="headtext">
	
	<!-- Logo/Sitename -->
	<div class="lck_logo">
		<div class="logocontent">
			<div class="logobox"><a href="./" title="Home"><?=$tpl_tx['text']['logobox']?></a></div>
			
			<div class="logotext"><span><?php echo sitename();?></span></div>
		</div>
	</div>
	
	<!-- Slogan Website -->
	<div class="nb_slogan">
		<p><?=$tpl_tx['text']['slogan']?></p> <!-- defined in template languages/*.php -->
	</div>
	
</div>
und in der startpage.css am Ende anfügen

Code: Select all

@media only screen and (min-width: 801px) {
.headtext {
	max-width: 580px;
	position: relative;
	left: 10vw; /* damit steuerst du wie weit links der DIV-Container sein soll  */
}

.nb_slogan {
	text-align: left; /* linksbündig (löschen für mittig, da Standardwert center) */
}	
}
„Bevor du den Pfeil der Wahrheit abschießt, tauche die Spitze in Honig!“   👉 Ludwig's XH-Templates for MultiPage & OnePage

AndyCH
Posts: 3
Joined: Sat Jan 18, 2020 4:55 pm

Re: Template "JekyllAndHyde" zentrierten Text verschieben?

Post by AndyCH » Mon Jan 20, 2020 3:19 pm

Sorry mit den 3 Zeilen, ich war etwas verwirrt....
Dein 2. Vorschlag geht , DANKE :-)
The tragedy of life is not that it ends so soon, but that we wait so long to begin it.

Post Reply