WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Portfolio app  de

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

Hallo ich möchte die Überschrift in ROT ändern mit CSS im Portfolio Menü

<style>
.portfolio__card__overlay__description { text-align: center !important; }
.portfolio__card__bottom-bar__title { margin: auto; text-decoration-color: red !important; }
</style>

Doch es klappt nicht :(  - was mache ich falsch 

https://ukrainereport.eu/inside.php

lg Andre

Posté le
16 RéPONSES - 6 UTILE - 1 CORRECT
Daniel W.
Daniel W.
User

Ich habe es mal in Firefox mit dem Werkzeug für Web-Entwickler getestet, siehe Screenshots

-----

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User

-----

-----

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

genial kannst du mir den code reinkopieren lg :) 

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

----- CSS-Code -----

<style>
.portfolio__card__overlay__description { text-align: center !important; }
.portfolio__card__bottom-bar__title { color: red !important; }
</style>

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

super !!!!!!!!!!!!!! bei  dir war aber auch die Überschrift innerhalb der Box rot - bei mir noch nicht :( lg 

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

<style>
.portfolio__card__overlay__description { text-align: center !important; }
.portfolio__card__bottom-bar__title { text-align: center !important; color: #cab339 !important; }
</style>

damit wollte ich den Text unten auch mittig 

Aber oben ist er leider immer noch weiß der Titel 

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

Ich habe den geposteten Code oben um die Anweisung für den Overlay-Titel in Rot erweitert.

-----

<style>
.portfolio__card__overlay_title { color: red !important; }
.portfolio__card__overlay__description { text-align: center !important; }
.portfolio__card__bottom-bar__title { text-align: center !important; color: #cab339 !important; }
</style>

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User

Das Problem müsste die CSS-Experten oder Incomedia lösen.

In meinem Demo-Shop funktioniert es nicht, es ist auch keine rote Schrift zu sehen, wenn ich den CSS-Code bei der Portfolio-Seite unter "Erweitert" hinzufüge.

Wenn ich bei Firefox mit dem Werkzeug für Web-Entwickler teste, dann ist der CSS-Codeabschnitt zweimal vorhanden und je nachdem wo ich die Anweisung für die rote Schriftfarbe eingebe verhält sich die Portfolio-Seite anders.

A) Im Screenshot 1 ist die Anweisung für die rote Schrift im 1. Abschnitt und es funktioniert.

B) Im Screenshot 2 ist die Anweisung für die rote Schrift im 2 Abschnitt, dann ist allerdings sowohl die Überschrift als auch der Test in Rot - sehr seltsam.

>> Also mal auf die CSS-Experten warten.

----- Screenshot 1 -----

----- Screenshot 2 -----

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

ok aber dennoch vielen Danken :)  lg Andre

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

da es sich um eine FLEX Box handelt, kann man es nicht mit text-align machen.

<style>

.portfolio__card__bottom-bar { justify-content:center!important;}

</style>

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

danke ja - kann ich in der Textbox nur die Überschrift in òrange (#cab339) machen ? lg 

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

Das müsste doch mit dem Code oben von Daniel gehen...

.portfolio__card__overlay__title {color: orange!important;}

Lire plus
Posté le de Andreas S.