WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Text mehr links beginnen  de

Auteur : Ukraine.report .
Visité 218, Followers 1, Partagé 0  

Hallo:) - Ich habe diesen Code für das Portfolio Menü:

<style>
.portfolio__card__bottom-bar { justify-content:center!important;}
.portfolio__card__overlay__title {color: #cab339!important;}
.portfolio__card__overlay__description {text-align:left!important;}
</style>

Was muss ich anders schreiben, damit der Text in weiß, mehr links beginnt - also weniger Abstand davor?

https://ukrainereport.eu/woh---main.php

lg Andre

Posté le
8 RéPONSES - 3 UTILE - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Das müsste doch bei den Ränders des Objekts beim Innenrand zu verstellen sein.

Lire plus
Posté le de Andreas S.
Ukraine.report .
Ukraine.report .
User
Auteur

ich meine nicht das ganze objekt, sondern die einzelnen Box innerhalb links und rechts  

Lire plus
Posté le de Ukraine.report .
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Das Thema hatten wir bereits mal in einem anderen Threat!  Der Text "ist" links angeordnet und es ist auch kein Rand eingestellt, sondern das Feld was per Mouseover aufgeht ist fix von der Größe her programmiert. Es ist kleiner als das Hintergrundbild gemacht, denn es könnte auch ein hochstehendes Bild drinnen sein, wo sich der Text, ja innerhalb befinden sollte und nicht ausserhalb.

Lire plus
Posté le de Andreas S.
Ukraine.report .
Ukraine.report .
User
Auteur

aha - also kann ich nur links mitte oder rechtsbündig durchführen - nicht weniger Rand ?

Lire plus
Posté le de Ukraine.report .
Andreas S.
Andreas S.
Moderator
Meilleur utilisateur du mois DE

Bei mittig wird es in diesem Bereich eben mittig dargestellt. JEtzt wird es linksbündig angezeigt. Wenn du auf rechts gehst wird es auch nicht ganz nach rechts rausgezogen bis zum Bildrand.

Lire plus
Posté le de Andreas S.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Falls mehr Platz für den Text gebraucht wird, dann die Textgröße reduzieren.

Beim CSS-Code noch ein font-size mit Größenangabe hinzufügen, z.B.:

.portfolio__card__overlay__description {font-size:0.75em!important;text-align:left!important;}

----- Vergleich vorher und nachher -----

 

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois EN

Hier das Beispiel mit kleinerer Schrift und doppelter Textmenge, die nicht mehr Platz braucht.

-----

Lire plus
Posté le de Daniel W.
Ukraine.report .
Ukraine.report .
User
Auteur

ja danke ist auch eine gute Idee - muss mal sehen wie es auf dem Mobilphone dann aussieht lg :)

Lire plus
Posté le de Ukraine.report .