Sichtbare Code-Tags in dunklem Design

  • Resolved reca26

    (@reca26)


    5 years ago

    2. Problem:
    Da meine Website in sehr dunklem Design erstellt ist habe ich das Problem das die Codes, eingefügt in ein Textfeld mit schwarzem Background, im Frontend mehrere Weisse “Flecken” erzeugen. Konnte diese als Code-Tags identifizieren, und wenn ich deren Farbe über den Inspektor (Firefox – Element untersuchen) auf Schwarz ?ndere sind sie nicht mehr sichtbar. Doch leider faile ich einen entsprechenden CSS-Befehle zu kreieren.

    Der Codes eines Elements sieht im Inspektor wie folgt aus:
    code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;

    Und als CSS-Selektor wird mir
    .vc_custom_1583044452586 > div:nth-child(1) > p:nth-child(1) > code:nth-child(1)
    gezeigt.

    Leider für der abgeleitete Befehl zu keinem Ergebnis:
    .vc_custom_1583030960136 > div:nth-child(1) > p:nth-child(1) > code:nth-child(1) p code{
    background-color: #000;
    }

    K?nnt ihr mir einen Tip geben?
    Grüüse R.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author legalweb.io

    (@legalweb)

    hi @reca26,

    vermutlich sind die shortcodes nicht als “plain text” eingefügt worden, sondern in einem composer als text, deswegen bekommst du solche “code tags”.
    kannst du das nochmals kontrollieren?

    Thread Starter reca26

    (@reca26)

    Hallo –
    Danke für die schnelle Antwort.

    Ja, die Shortcodes waren über das Text-Element von WPBakery Page Builder eingefügt.

    Habe nach Alternativen gesucht und ein WP-Text Element gefunden und beide Shortcodes über dieses eingefügt.
    Dies funktioniert sehr gut bei der Anfrage nach Datenauszug. Die Code-Tags sind jetzt nicht mehr sichtbar.
    ABER bei der L?schanfrage funktioniert dies nicht. Code-Tags leider immer noch sichtbar.
    Dies ist optisch unbefriedigend, zumal beide Abruffelder jetzt verschieden gro? sind.

    Die Sache mit dem “Plain Text” übersteigt momentan mein Wissen als WP-Newbie …
    Was kann ich noch tun???

    Grüsse Reca

    Plugin Author legalweb.io

    (@legalweb)

    seit version 3.1.4 gibt es nun die m?glichkeit, diese texte per css zu stylen. die class names lauten us-success-message und sar-success-message

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sichtbare Code-Tags in dunklem Design’ is closed to new replies.