WordPress CSS: Site-Titel ändert sich von Serifenlos Serif

Question

Ich werde damit beginnen zu sagen, ich bin ein totaler Noob in Codierung Schule und bitte freundlich sein. Ich versuche meinem Mann mit seinem Blog zu helfen: https://directionandpace.com/ Es gibt ein Problem mit dem Titel Direction and Pace.

Zuerst fragte er, ob ich Titellink entfernen kann, die auf die Seite redundant verlinkt. Es gibt keine Möglichkeit, WordPress-HTML einfach zu bearbeiten (nur das Stylesheet), also dachte ich, ich würde das später herausfinden und nur die Linkfarbe auf Schwarz statt Blau ändern. ;) Zweitens haben wir beide festgestellt, dass, wenn Sie auf die zweite Seite "Who We Are" klicken, der Titel in eine nicht fettgedruckte Serif und ITS DRIVING ME CRAZY geändert wird.

Code unten:

Was nur der Körper und die einzige Serif in der CSS sein sollte:

body, button, input, select, textarea { 
color: #776f6f; 
font-family: Merriweather, Georgia, serif; 
font-size: 15px; 
line-height: 2; 
} 

Die CSS für den Titel:

.entry-title { 
font-family: Montserrat, "Helvetica Neue", sans-serif; 
font-size: 28px; 
font-weight: 700; 
margin-bottom: 5px; 
} 

Ist es irgendwie die Annahme ganze zweite Seite (einschließlich des Titels) ist der Körper? Halbe.

Answer 1

Das Problem ist, dass auf Ihrer Homepage dieser Text in ein <h1> Element eingewickelt ist, aber in der Wer-Wir-sind-Seite ist es in ein <p> Element eingewickelt. Ihr CSS hat die Regel:

h1, h2, h3, h4, h5, h6 { 
    margin: 0 0 15px 0; 
    font-family: Montserrat, "Helvetica Neue", sans-serif; 
    font-weight: 700; 
    text-rendering: optimizeLegibility; 
    color: #1a1a1a; 
} 

das auf der Homepage angewendet wird, aber nicht auf der Wer-Wir-Seite. Die einfachste Lösung wäre, den Code oder die Vorlage für die Wer-Wir-Seite zu aktualisieren, um die <p> in eine <h1> zu ändern, um die Startseite anzupassen.

Startseite Überschrift HTML:

<div id="site-identity"> 
    <h1 class="site-title"><a href="https://directionandpace.com/" rel="home">Direction &amp; Pace</a></h1> 
    <p class="site-description">Explore. Experience. Always.</p> 
</div> 

Wer wir HTML zusteuern:

<div id="site-identity"> 
    <p class="site-title"><a href="https://directionandpace.com/" rel="home">Direction &amp; Pace</a></p> 
    <p class="site-description">Explore. Experience. Always.</p> 
</div> 

Answer 2

Der Titel auf der Hauptseite in einer Überschrift-Tag eingewickelt, so dass es die richtige Position Styling bekommen:

<h1 class="site-title"><a href="https://directionandpace.com/" rel="home">Direction &amp; Pace</a></h1>

jedoch der Titel auf dem abo ut Seite wird in einem <p> Tag eingewickelt, so wird es immer den Körper Styling:

<p class="site-title"><a href="https://directionandpace.com/" rel="home">Direction &amp; Pace</a></p>