Page 1 of 1
Template "JekyllAndHyde" zentrierten Text verschieben?
Posted: Sat Jan 18, 2020 5:08 pm
by AndyCH
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
Re: Template "JekyllAndHyde" zentrierten Text verschieben?
Posted: Sun Jan 19, 2020 1:05 pm
by lck
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 */
}
}
Re: Template "JekyllAndHyde" zentrierten Text verschieben?
Posted: Sun Jan 19, 2020 4:44 pm
by AndyCH
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
Re: Template "JekyllAndHyde" zentrierten Text verschieben?
Posted: Mon Jan 20, 2020 10:52 am
by lck
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) */
}
}
Re: Template "JekyllAndHyde" zentrierten Text verschieben?
Posted: Mon Jan 20, 2020 3:19 pm
by AndyCH
Sorry mit den 3 Zeilen, ich war etwas verwirrt....
Dein 2. Vorschlag geht , DANKE