CSS - außer Kraft setzen kann nicht Stil für Wordpress text ‚Weiterlesen‘

Question

Normalerweise bin ich ziemlich kompetent mit CSS, aber ich kann einfach nicht diesen herauszufinden ...

Here ist eine Sub-Domain für eine Website Ich erstelle ...

Der 'Lesen Sie mehr' Teil davon, egal wie ich versuche, das CSS zu überschreiben und die Textdekoration zu entfernen: unterstreichen; Es wird nicht entfernt.

Die einzige Möglichkeit, es zu entfernen, ist die Anwendung eines universellen a: link {text-decoration: none; }, aber ich möchte das wirklich nicht machen, ich möchte nur die 'Lesen Sie mehr' Unterstreichung entfernen.

Kann jemand meinen CSS Wahnsinn retten?

Danke

Answer 1

Wenn Sie nicht die Unterstreichung von allen Links in der Post-Schnipsel entfernen möchten, versuchen Sie eine Klasse zum „Lesen Sie mehr“ Link hinzufügen. Momentan hat der Bereich innerhalb des Links eine Klasse, aber zu diesem Zweck hilft das nicht viel.

Es würde wie folgt aussehen:

<a class="read_more" href="http://catpr.com/craig-chapman/?p=1"><span class="pictos read-more">Read More</span></a> 

Und die CSS:

a.read_more {text-decoration:none} 

Weil Sie in Wordpress arbeiten, müssen Sie die Theme-Dateien zu bearbeiten, dies zu tun (gib dem Link eine Klasse, das ist).

Wenn Sie die Unterstreichung nicht von allen Links im Snippet entfernen möchten, sind die anderen Antworten hilfreich.

Answer 2

Was passiert, wenn Sie dies tun?

.entry-content p a { 
    text-decoration: none; 
} 

Answer 3

Sie haben einen Stil in Ihrem Stylesheet, das sagt:

p a { 
    text-decoration: underline; 
} 

Sie haben Probleme es zwingende wegen der ‚p‘ machen die Wähler präziser. Verwenden Sie die folgenden außer Kraft zu setzen:

.entry-content p a { 
    text-decoration: none; 
}