Setze einen Link in child theme style.css um zu #main zu springen

Ich habe 2013 ein untergeordnetes Thema erstellt, indem ich diese 2 Dateien erstellt habe –

/wp-content/themes/twentytirteen-child/style.css :

@import url("../twentythirteen/style.css"); .site-header .home-link { min-height: 800px; } 

/wp-content/themes/twentytirteen-child/functions.php :

  800); add_theme_support('custom-header', $args); } add_action('after_setup_theme', 'my_custom_header_setup'); ?> 

Jetzt hat die Website ein großes Bild oben und sieht so aus, wie ich es wollte.

Wenn Benutzer jedoch auf das große Bild klicken, geschieht nichts für sie.

Ich würde es gerne ändern, so dass der Klick auf das große Bild zum #main- Anker runterscrollt :

Webseite bukvy.de

Ist eine solche Änderung bitte über die style.css möglich ? Ich habe gesucht und konnte keine CSS-Lösung (oder Hack) dafür finden.

Wenn nicht, wie erreicht man das am einfachsten? (Ich versuche, das untergeordnete Thema klein zu halten, damit die Website leichter aktualisiert werden kann).

Mein Workaround für den Moment ist , die Verbindung mit CSS zu deaktivieren , aber ich bin immer noch an einer besseren Lösung interessiert:

 .site-header .home-link { pointer-events: none; cursor: default; } 

Solutions Collecting From Web of "Setze einen Link in child theme style.css um zu #main zu springen"

Die einfache Antwort ist NEIN, du kannst nicht! CSS stehen für Cascade Style Sheet das bedeutet, Elemente in Kaskadenreihenfolge zu stylen. CSS kann das DOM nicht ändern.

Es gibt zwei Möglichkeiten, dies zu erreichen.

  1. Überschreiben von header.php
  2. JavaScript oder jQuery verwenden (nicht empfohlen)

Methode 1: header.php die header.php in dein Child Theme und header.php den href Link mit dem, was du willst! Beispiel:

  

< ?php bloginfo( 'name' ); ?>

< ?php bloginfo( 'description' ); ?>

Methode 2: Ich persönlich werde es nicht empfehlen. Es ist besser, weniger js so viel wie möglich zu haben. Wenn Sie mit dieser Lösung arbeiten möchten, können Sie dies an stackoverflow.com stellen