Text umranden/schattieren per CSS

  • Hallo zusammen!

    Dieses Problem kommt von einem absoluten CSS-Anfänger - ich habe bis jetzt immer versucht mich um das Thema herumzudrücken aber jetzt führt wohl kein Weg mehr daran vorbei.
    Ich arbeite gerade im WP4.7.10 und verwende das Theme Sydney. Bei diesem Theme kann man auf der Startseite sog. Header-Slides, also Bilder, einstellen, über die man dann auch noch einen Header-Text legen schreiben kann. Leider wird der Text in diesem Fall natürlich sehr schnell unsichtbar. Deswegen würde ich den Text gerne mit einer Umrandung versehen.
    Per Google habe ich bereits herausgefunden dass das hier die richtige Funktion sein sollte:

    [INDENT]h1 {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    [/INDENT]
    Aber damit, dass diese Zeilen in den CSS-Reiter eingefügt werden, scheint es ja nicht getan zu sein, richtig?
    Dass man den Text dann einfach mit <h1>...</h1> einklammert ist mir klar, aber geändert hat sich ja dann noch nichts. Was muss ich tun?

    Herzlichsten Dank schoneinmal im Voraus für eine Antwort auf diese bestimmt viel zu einfache Frage :oops:

    Beste Grüße
    Daniel

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Allen andern Wünschen vorangestellt unbedingt bei Wordpress auf die letzte Version updaten!
    WordPress (Version 4.9.6) is available!
    Ebenso das Theme und die diversen Plugins!!

    Ich weiß nicht in welchem CSS-Reiter du das versucht hast.
    Versuche mal folgendes im Dashboard unter Design - Customizer in den Zusätzlichen CSS einzufügen:

    Code
    .text-slider .maintitle, .text-slider .subtitle {
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    Bei unerwünschtem Ergebnis einfach wieder löschen. Dann wäre ein Link zu deiner Baustelle hilfreich, da ich den Selektor aus einer Demo habe.

    PS: ich habe noch den "3. value = The blur radius" mit 5px eingestellt - gefällt mir gut ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Einmal editiert, zuletzt von SEpp55 (29. Mai 2018 um 18:19)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!