WebSite X5Help Center

 
Ukraine.report .
Ukraine.report .
User

Portfolio app  de

Autor: Ukraine.report .
Besucht 706, Followers 1, Geteilt 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

Gepostet am
16 ANTWORTEN - 6 NüTZLICH - 1 KORREKT
Daniel W.
Daniel W.
User

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

-----

-----

Mehr lesen
Gepostet am von Daniel W.
Daniel W.
Daniel W.
User

-----

-----

Mehr lesen
Gepostet am von Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor

genial kannst du mir den code reinkopieren lg :) 

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor

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

Mehr lesen
Gepostet am von Ukraine.report .
Ukraine.report .
Ukraine.report .
User
Autor

<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 

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von 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 -----

Mehr lesen
Gepostet am von Daniel W.
Ukraine.report .
Ukraine.report .
User
Autor

ok aber dennoch vielen Danken :)  lg Andre

Mehr lesen
Gepostet am von Ukraine.report .
Andreas S.
Andreas S.
Moderator
Nutzer des Monats 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>

Mehr lesen
Gepostet am von Andreas S.
Ukraine.report .
Ukraine.report .
User
Autor

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

Mehr lesen
Gepostet am von Ukraine.report .
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

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

.portfolio__card__overlay__title {color: orange!important;}

Mehr lesen
Gepostet am von Andreas S.