H1 anpassen geht nicht

stang2k

Hallo,

erneut habe ich ein Problem mit Wordpress und einem Theme. Die Situation wie folgt: Ich möchte gerne in der Artikelansicht (einzelner Artikel - single.php) die Überschrift H1 verwenden. Aktuell sieht der Code so aus:

PHP

<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
                            <h2 class="title"><?php the_title(); ?></h2>
                            <div class="postdate"><?php the_time('F jS, Y') ?> <!-- hier code für comments --> <?php if (current_user_can('edit_post', $post->ID)) { ?> | <?php edit_post_link('Edit', '', ''); } ?></div>

Jetzt schaue ich in der CSS nach und habe dort unter dem Punkt .title die entsprechenden Veränderungen durchgeführt, sprich:

font-size: 20px; (eingefügt)
line-height: 34px; (angepasst)

Habe ich die Datei abgespeichert, nahm er zwar line-height an, nicht aber den Wert font-size. Anschließend habe ich bei #header h1 versucht font-size anzupassen, allerdings bezieht sich dieser Wert ja nicht auf den Titel des Beitrags. Habt ihr da eine Idee?

Hier die CSS:

PHP

/*
    Theme Name: iGreat Blue
    Theme URL: http://newwpthemes.com/wordpress-theme/igreat-black/
    Description: iGreat Blue is elegant and clean design free WordPress theme suitable for any niche. Theme Options at admin panel.
    Author: NewWpThemes.com
    Author URI: http://newwpthemes.com/
    Version: 2.0 
    Tags: Tech, Technology, Ads Ready, Two Columns, Right Sidebar, Fixed Width, Blogging, Theme Options
*/
 
/* LAYOUT */


body {
    background: url(images/background.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #bfcce1;
    }


#wrapper {
    padding:0;
    }


#container {
    }


#contentwrap {
    background: #fff;
    }


a {
    color: #ea5106;
text-decoration: none;
    }


a:hover {
    color: #ff2a00;
    }
/* HEADER */


#header {
    height: 87px;
    padding-top:20px;
    }


#header h1 {
    margin-bottom: 4px !important;
    padding: 0px;
    font-weight: normal;
    font-family: Verdana, Arial;
    font-size: 48px;
    font-weight: bold;
    }


#header h1 a, #header h1 a:visited {
    color: #fff;
    text-decoration: none;
    }




#header h2 {
    color: #b4b9c2;
    font-size: 12px;
    line-height: 14px; 
    font-family: Arial;
    font-style: italic;
    }
    
.logoimg {
    margin: 0 0 3px 0;
    }
/* NAVIGATION MENUS */


#subscriptioncontainer {
    height: 24px;
    float: right;
    }
    
#subscription {
    height: 22px;
    float: right;
    }


#subscription, #subscription ul { 
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
#subscription {
    margin-bottom: 1px;
    }
    
#subscription ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
    
#subscription li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#subscription ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#subscription li a, #subscription li a:link {
    color: #566989;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 4px 0 0px 10px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    }
    
#subscription li a:hover, #subscription li a:active, .current_page_item {
    display: block;
    text-decoration: none;
    color: #566989;
    }
    
#subscription  li.current_page_item a {
    color: #566989;
    }


#subscription li:hover, #subscription li.sfhover { 
    position: static;
    }
    
#pagemenucontainer {
    height: 50px;
    margin-top: 2px;
    }
    
#pagemenu {
    height: 52px;
    }


#pagemenu, #pagemenu ul { 
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
#pagemenu {
    margin-bottom: 1px;
    }
    
#pagemenu ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
    
#pagemenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    
    }
    
#pagemenu ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    
    }
    
#pagemenu li a, #pagemenu li a:link {
    color: #c2d4f2;
    background: url(images/menusep.png) center right no-repeat;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 18px 15px 20px 10px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 1px 0 #000;
    }
    
#pagemenu li a:hover, #pagemenu li a:active, .current_page_item {
    
    color: #fff;
    display: block;
    text-decoration: none;
    }
    
#pagemenu  li.current_page_item a {
    color:#fff;
    }


#pagemenu li:hover, #pagemenu li.sfhover { 
    position: static;
    }
    




.navcontainer {
    height: 42px;
    margin-top: 6px;
    border-bottom: 4px solid #ea4d00;
    }
    
#nav {
    height: 42px;
    background: url(images/nav-backgr.png);
    background-repeat: repeat-x;
    }


#nav, #nav ul { 
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
#nav {
    margin-bottom: 1px;
    padding-left: 10px;
    }
    
#nav ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
    
#nav li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#nav ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
    
#nav li a, #nav li a:link {
    color: #fff;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 15px 12px 15px 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Verdana;
    text-shadow: 0 1px 0 #373434;
    }
    
#nav li a:hover, #nav li a:active, .current-cat {
    background: url(images/nav-backgr-hover.png);
    background-repeat: repeat-x;
    color: #fff;
    display: block;
    text-decoration: none;
    }
    
#nav  li.current-cat a {
    color:#fff;
    }


#nav li:hover, #nav li.sfhover { 
    position: static;
    }
    
/* CONTENT */


#content {
    background-color: #fff;
    padding: 15px 5px 15px 15px;
    font-family: Arial;
    }
    
pre { overflow: auto; 
    width: 470px; 
    }


.post {
    padding-bottom: 30px;
    }


.post p {
    margin-bottom: 10px;
    }


.title {
    margin: 0 0 8px 0;
    padding: 0px;
    line-height: 24px;
    font-family: Arial;
    color: #111;
    }


    
.title a {
    text-decoration: none;
    color: #111;
    }


.title a:hover {
    text-decoration: none;
    color: #ea5106;
    }


.pagetitle {
    margin-bottom: 20px;
    line-height: 22px;
    font-family: Arial, Verdana;
    text-decoration: underline;
}


.postdate {
    font-size: 12px;
    padding: 1px 4px;
    font-family: Arial;
    }


.postdate span {
    background: #5f7290;
    padding: 3px 6px;
    }
.postdate span a {
    color: #fff;
    text-decoration: none;
    font-style: italic;
    }  
.postmeta {
    font-size: 11px;
    padding: 2px 4px;
    font-family: Arial, Verdana;
    }
    
.postdate img, .postmeta img {
    border: none;
    vertical-align: middle;
    margin:2px;
    }
    
.entry {
    text-align: justify;
    line-height: 20px;
    padding-top: 8px;
    font-family: Arial;
    font-size: 14px;
    }
.navigation {
    padding: 10px 0;
    }


blockquote {
    overflow: hidden;
    padding-left: 9px;
    font-style: italic;
    color: #666;
    border-left: 3px solid #CADAE7;
    }
    
.post img {
    max-width: 680px;
    }


img.wp-smiley {
    max-height: 12px;
    margin: 0;
    padding: 0;
    border: none;
    }
    
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
    }


.alignleft {
   float: left;
    }


.alignright {
   float: right;
    }


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
    }


.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
    }


.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
    }
    
/* SIDEBAR(S) */


.sidebar {
    margin: 0 10px 10px 0;
    }
    
.sidebar a {
    text-decoration: none;
    color: #373434;
    }


.sidebar a:hover {
    text-decoration: underline;
    color:#ff5400;
    }
    
.sidebaradbox {
    text-align:center;
    margin-top: 5px;
    }
    
.ad125 {
    margin: 10px;
    }


    
#search input, #searchform input{
    border: 1px solid #bfcce1;
    }


#s {
    width: 220px;
    padding: 4px;
    }
    
#topsearch {
    padding:12px 0 0 0;
    text-align: right;
    }
    
#topsearch input {
    border: 2px solid #bfcce1;
    }
    
#topsearch label {
    display: none;
    }
    
#topsearch #s {
    width: 200px;
    padding: 4px;
    }

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

dfm

ich seh hier erstens mal nur ne h2 mit der klasse title.

füg halt einfach nen eigenen h1 tag in der css ein.

h1{
font-size: 20px;
}

außerdem ist zum beispiel bei

PHP

<h2 class="title"><? php the_title(); ?></h2>

[COLOR=#000000]

die classe title definiert. versuch mal die klasse .title zu ändern.

hast ne adresse von deinem blog dann kann ichs dir schneller sagen mit firebug.

[/COLOR]

stang2k

Also mit der .title hatte ich schon versucht und gab kein Ergebnis, mit einer eigenen Klassifizierung hat es funktioniert, warum ich daran nicht gedacht hatte XD

stang2k

Ich will jedoch <h2 in <h1 ändern, jedoch nimmt er die Änderung einfach nicht an und wenn ich diese in der CSS ändern will, kapiert er das mit h1 nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

H1 anpassen geht nicht

Jetzt mitmachen!