2016-03-27 3 views
0

Für diese WordPress-Website muss ich die Grenze für die Links mit einem Bild ersetzen. enter image description hereWordPress Theme - Kann nicht finden Quelldatei

Derzeit ist es für eine gelbe Grenze gesetzt zu erscheinen, wenn Sie über die Links wie folgt schweben: enter image description here

enter image description here

enter image description here

Ich möchte die Linien auf eine Pfote ändern Druck, den ich in Illustrator erstellt habe (dies ist eine Website über Hunde).

enter image description here

Wie Sie im ersten Screenshot sehen, das ist, wie die eine Links-Stil sind:

.fusion-main-menu > ul > li > a { 
color: #ffde15; 
} 

.fusion-main-menu > ul > li > a { 
border-top: 3px solid transparent; 
height: 83px: 
line-height: 83px; 
font-family: 'Raleway', Arial, Helvetica, sans-serif; 
font-weight: 700; 
font-size: 18px: 
} 

Und das Styling geht weiter ...

enter image description here

enter image description here

enter image description here

Wie ich sehe durch das Stylesheet (style.css) für die Wordpress-Theme (Avada) Ich mache einen Befehl + f für diesen String und es ist Stil:

.fusion-main-menu > ul > li > a { 
border-top: 3px solid transparent; 
height: 83px: 
line-height: 83px; 
font-family: 'Raleway', Arial, Helvetica, sans-serif; 
font-weight: 700; 
font-size: 18px: 
} 

Ich werde ändern müssen " border-top "zu diesem:

background-image: url (images/"pawprint.png"); 

Aber diese genaue Zeichenfolge ist nirgendwo in style.css zu finden. Ich kann

.fusion-main-menu > ul > li > a 

fünfmal finden, aber ich kann man nicht finden, das den folgenden Stil in der es hat:

{ 
border-top: 3px solid transparent; 
height: 83px: 
line-height: 83px; 
font-family: 'Raleway', Arial, Helvetica, sans-serif; 
font-weight: 700; 
font-size: 18px: 
} 

Ich bemerkte, dass die ersten beiden Arten in der Konsole anzeigen „(Index) : 90 "als Quelle, während die übrigen Stile" style.css "als Quelle anzeigen. Was ist "(index): 90" und wo kann ich es finden, damit ich die entsprechenden Änderungen vornehmen kann (indem ich ein Kindthema verwende)?

+1

Können Sie nicht einfach den Bereich Quick CSS bearbeiten und dieselbe Klasse zum Hinzufügen der Hintergrunddatei verwenden? (index): 90 bedeutet, dass das Thema das CSS von irgendwoher zieht und in das des Dokuments innerhalb eines internen Tags einfügt. – Garconis

+0

Entschuldigung, was ist der Quick CSS-Bereich? Du meinst in der Konsole rechts von Entwicklertools? Oh, es ist ein Inline-Stil wie

? – HappyHands31

+1

': 90' ist die Zeilennummer, auf der der Selektor erscheint. – hungerstar

Antwort

1

Einfach alle Ihre Stylesheets in einem Verzeichnis wp-content \ themes \ TwentyEleven \ css.Then Sie alle diese einfach unter Code- setzen verknüpfen

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style1.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style2.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style3.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style4.css" /> 
2

Jedes Mal, wenn Sie nicht etwas finden können Sie können den Themenordner im bevorzugten Texteditor (Sublime, Atom usw.) als "Projekt" öffnen und nach der gewünschten Zeichenfolge suchen.

Wie auch immer, Sie können Theme Quick CSS-Modifizierer immer innerhalb der Themenoptionen verwenden.