WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Text mehr links beginnen  de

Author: Ukraine.report .
Visited 706, Followers 1, Shared 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

Posted on the
8 ANSWERS - 3 USEFUL - 1 CORRECT
Andreas S.
Andreas S.
Moderator
Best User of the month DE

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

Read more
Posted on the from Andreas S.
Ukraine.report .
Ukraine.report .
User
Author

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

Read more
Posted on the from Ukraine.report .
Andreas S.
Andreas S.
Moderator
Best User of the month 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.

Read more
Posted on the from Andreas S.
Ukraine.report .
Ukraine.report .
User
Author

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

Read more
Posted on the from Ukraine.report .
Andreas S.
Andreas S.
Moderator
Best User of the month 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.

Read more
Posted on the from Andreas S.
Daniel W.
Daniel W.
User
Best User of the month 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 -----

 

Read more
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Best User of the month EN

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

-----

Read more
Posted on the from Daniel W.
Ukraine.report .
Ukraine.report .
User
Author

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

Read more
Posted on the from Ukraine.report .