Überschrift im Header löschen

    Hallo WPler,

    in meinem Blog http://www.neon-gruen.de/?l=de habe ich das theme scruffy installiert und ein bisschen verändert. unteranderem den header. Damit das nun nach etwas aussieht möchte ich die dunkle "normale" überschrift loswerden. Wie kann ich das, ohne dass sich die Seiten-leiste, die sich darunter befindet nach oben verschiebt und alles verzieht?

    hier mal die header.php, muss man vllt. auch wo anders was verändern?:

    [INDENT]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head profile="http://gmpg.org/xfn/11">


    <title>

    <?php if ( is_home() ) { ?><?php bloginfo('name'); ?> &raquo; <?php bloginfo('description'); ?><?php } ?>

    <?php if ( is_search() ) { ?>Search Results &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_author() ) { global $wp_query; $curauth = $wp_query->get_queried_object(); ?>Author Archives &raquo; <?php echo $curauth->nickname; ?> &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_single() ) { ?><?php wp_title(''); ?> &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_page() ) { ?><?php wp_title(''); ?> &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_category() ) { ?><?php single_cat_title(); ?> &raquo; Archive &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_year() ) { ?><?php the_time('Y'); ?> &raquo; Archive &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_month() ) { ?><?php the_time('F Y'); ?> &raquo; Archive &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if ( is_day() ) { ?><?php the_time('d F Y'); ?> &raquo; Archive &raquo; <?php bloginfo('name'); ?><?php } ?>

    <?php if (function_exists('is_tag')) { if (is_tag()) { ?><?php single_tag_title("", true); ?> &raquo; Tag Archive &raquo; <?php bloginfo('name'); ?><?php } } ?>

    </title>


    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <meta name="description" content="<?php bloginfo('description') ?>" />


    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/960gs/960.css" type="text/css" media="screen" />

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />

    <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('comments_rss2_url') ?>" title="<?php echo wp_specialchars(get_bloginfo('name'), 1); ?> Comments RSS feed" />


    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


    <!--[if lte IE 6]>

    <script defer type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/pngfix.js"></script>

    <![endif]-->


    <?php wp_get_archives('type=monthly&format=link'); ?>

    <?php wp_head(); ?>


    </head>


    <body>


    <div id="container">


    <div id="head">


    <h1><a href="<?php bloginfo('home'); ?>" title="Home"><?php bloginfo('name'); ?></a></h1>


    <div id="nav">

    <ul>

    <li class="first <?php if (is_home()){ ?>current_page_item<?php ;} ?>"><a href="<?php bloginfo('home'); ?>" title="Home">Home</a></li>

    <?php wp_list_pages('title_li=&depth=1'); ?>

    </ul>

    </div><!-- /nav -->


    </div><!-- /head -->


    <div id="main">

    [/INDENT]

    • Gerade eben
    • Anzeige

    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

    Ich würde das so machen: style.css ändern

    Und die Schrift aus dem Bild rausnehmen.

    in der style.css; im folgenden style, da wo die zwei ;; sind, dazwischen 'text-indent:-9999px' einfuegen: sollte dann so aussehen:

    Code
    #head h1  {
 font-family: Georgia, Times, serif;
 font-size: 5em;
 margin: 0 15px;
text-indent:-9999px;
}



    verschiebt den titel vom schirm, aber hat den vorteil, dass der titel noch im html code steht fuer suchmaschinen.

    oder alternativ 'visibility: hidden' an der selben stelle einsetzen.

    Der Teil sieht so aus bei mir, weiss jetzt nicht genau, wo ich das machen soll:

    body, html {

    height: 100%;

    }


    body, html, p, ul, ol {

    margin: 0;

    padding: 0;

    border: none;

    }


    body {

    font-family: Arial, Helvetica, Sans-serif;

    font-size: 80%;

    line-height: 1.5; /*unitless for proper inheritance*/

    color: #666;

    background: #bcd1dc url(img/bg.jpg) no-repeat center top;

    text-align: center;

    }


    h1, h2, h3, h4, h5, h6 {

    font-family: Georgia, Helvetica, Sans-serif;

    font-weight: normal;

    margin: 5px 0;

    color: #666;
    }


    h1 {font-size: 30pt}

    h2 {font-size: 24pt}

    h3 {font-size: 20pt}

    h4 {font-size: 18pt}

    h5 {font-size: 14pt}

    h6 {font-size: 12pt}


    p {

    margin: 18pt 0;

    }


    ul, ol {

    margin: 10px 0;

    padding: 0 0 0 30px;

    }


    img {

    border: none;

    }

    das letzte hat sich erübrigt. hab ein bisschen rumprobiert mit der genauen stelle und es funzt jetzt.

    Vielen dank für die sehr schnelle und präzise hilfe - aus Georgien,
    Lars

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden