css !important yootheme

    Joomla Version
    4.3.2
    PHP Version
    PHP 7.4.x
    Hoster
    self

    Hallo,


    ich habe eine Seite mit Yootheme 4 erstellt. Jetzt müßte ich für eine Seite aber das css ändern. Ich stehe aber auf dem Schlauch, wie das gehen soll.


    .table>:not(caption)>*>* {

    1. padding: 0.5rem 0.5rem ;
    2. background-color: var(--bs-table-bg);
    3. border-bottom-width: 1px ;
    4. box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);

    }

    einsatzarchiv:30
    .eiko_td_marker_color_2 {     background-color: #0000ff;

    }


    Damit das korrekt angezeigt wird muß ich den Teil " background-color: var(--bs-table-bg);

    " für diese Seite entfernen" bzw mit !important erzwingen.


    So sieht es gerade aus:



    so sollte es aussehen



    Ich hoffe man versteht, was ich meine?


    Danke für Eure Hilfe.


    Jan


    Hallo Jan,


    kann leider mit den Codes in #6 nichts anfangen. Yootheme kenne ich auch nicht.


    Mit folgenden Codes (Farben müsstest Du selbst wählen):


    CSS
    td.eiko_td_marker_main_1.eiko_td_marker_color_2 {
background: #39f !important;
}

td.eiko_td_marker_main_1.eiko_td_marker_color_3 {
background: green !important;
}
td.eiko_td_marker_main_1.eiko_td_marker_color_1 {
background: orange !important;
}

    kriege ich dieses Ergebnis:



    Gibt ja noch eine Farbe für color_5. (Sonstige) Na gut, der gebe ich halt lila.

    CSS
    td.eiko_td_marker_main_1.eiko_td_marker_color_5 {
background: purple !important;
}


    Liebe Grüße

    Christine

    Hallo,


    vielen Dank für Eure Hilfe.


    Folgende Info/ Lösung welche ich umgesetzt habe:

    - das Yootheme überschreibt ja wie schon von mir dargestellt die CSS der Komponente. Eine weitere customer.css oder user.css welche darauf Auswirkungen zeigt habe ich nicht ausfindig machen können.

    - Das von Christine aufgeführte Workarround bringt die Lösung (auch wenn ich daran denken muß die css zu pflegen und nicht über die Komponente). Ich habe die css erstellt und in den Yootheme Einstellungen hinterlegt.


    Jan