CSS Styling für Sticky Header Astra Theme

  • webupgrader

    (@webupgrader)


    vor 5 Monaten, 4 Wochen

    Ich sitze auf dem Schlauch!
    Ich versuche den Sticky Header einen metallischen Look zu verpassen aber irgendetwas übersehe ich hier.
    Kann mir jemand mit einen entsprechenden CSS-Code helfen?
    Folgenden Code habe ich versucht:

    #ast-header-sticked{

        background: linear-gradient(145deg, #e6e6e6, #ffffff, #bcbcbc, #f8f8f8);

        background-size: 400% 400%;

        animation: gradientShift 15s ease infinite;

        border: 1px solid #d1d1d1;

        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5);

        padding: 10px 20px;

        color: #333;

        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);

    }

    /* Glänzender Effekt */

    #ast-fixed-header::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background: linear-gradient(45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));

        pointer-events: none;

        z-index: 1;

    }


    Der metallische Effekt bleibt aus. Hmmm….
    Im Übrigen ist diese Seite lediglich eine Musterseite.
    Danke schon mal für eine hilfreiche Lösung!

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • bscu

    (@bscu)

    vor 5 Monaten, 4 Wochen

    Wir können hier keine CSS-Kenntnisse vermitteln, weil es den zeitlichen Rahmen sprengt. Wir erstellen auch nicht auf Zuruf CSS-Regeln für individuelle Anpassungen von kostenlos zur Verfügung gestellten Themes.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Monaten, 4 Wochen

    Kann mir jemand mit einen entsprechenden CSS-Code helfen?

    Das ist hier off topic.
    Bitte wende dich an ein Forum, bei dem es um Fragen zu CSS geht.

    Thread geschlossen.

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „CSS Styling für Sticky Header Astra Theme“ ist für neue Antworten geschlossen.

Schlagwörter