Slogan nach rechts verschieben

  • Hallo ich habe gesehen, dass es schon ein paar Beiträge zu diesem Thema gibt,

    es wäre aber eine grosse Hilfe wenn jemand mir sagen könnte, wie ich genau
    den Header- und den CSS-Code anpassen muss, damit der Slogan rechts
    vom Titel steht. Hier ist der Ausschnitt aus der Headerdatei:

    <!-- Sitelogo and sitename -->
    <a class="sitelogo" href="#" title="Home"></a>
    <div class="sitename">
    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <h2><?php bloginfo('description'); ?></h2>
    </div>


    Vielen Dank für Eure Hinweise,

    Jörg

    • 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

  • der Slogan ist ja leer

    wenn aber der Titel in einer Reihe stehen soll

    dann in der layout.css bei

    aus den 300px bei width..... 500px machen

  • ich hatte neulich ein aehnliches problem, kann man leicht in dreamweaver per auge aendern ohne html zu wissen.

  • der Slogan ist ja leer

    wenn aber der Titel in einer Reihe stehen soll

    dann in der layout.css bei

    aus den 300px bei width..... 500px machen


    Vielen Dank für Deinen Tipp,

    aber so wie ich das umgesetzt habe, hat das nichts bewirkt.
    Hier siehtst Du die komplette,CSS-Datei inclusiv Anpassung:

    #foo {display:none; /* CSS should not start with a comment */ }

    /*
    Theme Name: Multiflex-4
    Theme URI: http://www.flowdrops.com/projects/wordp…me-multiflex-4/
    Description: Multiflex-4 WordPress Theme &bull; Based on <a href="http://www.1234.info/webtemplates/multiflex4/">Multiflex-4</a> &bull; Wordpress Port by <a href="http://www.flowdrops.com/">Peter 'Toxane' Michael</a>.
    Version: 1.2
    Author: Peter 'Toxane' Michael
    Author URI: http://www.flowdrops.com/
    Tags: Multiflex, Multiflex-4, 3 Column, Dropdown Menus, White, Blue, Yellow, Green

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

    */

    /* WordPress Theme Directory Requirements */
    .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;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

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

    .wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    sitename {
    height:45px;
    margin:23px 0 0 75px;
    overflow:visible !important;
    position:absolute;
    width:300px;
    z-index:1;

    Bestimmt habe ich irgend etwas falsch gemacht, oder?


    Schönen Gruss,

    Jörg

  • bitte Code über den Codebutton ( [size=12]#[/SIZE] ) einfügen

    und wenn das der Code ist hast du ja nichts geändert

    Zitat

    aus den [COLOR=Red]300[/COLOR]px bei width..... [COLOR=Red]500[/COLOR]px machen

  • ich wuerde in diesen zeilen im style.css die gezeigten aenderungen einfuegen:

    Code
    .sitename {width:850px; height:45px; position:absolute; z-index:1; margin:23px 0 0 75px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
    .sitename h1 {float:left; font-weight:normal; font-size:240%;}
    .sitename h2 {float:right; margin:12px 0 0 0; color:rgb(125,125,125); font-weight:normal; font-size:120%;}



    also
    .sitename - width:850px;
    .sitename h1 - float:left;
    .sitename h2 - float:right; margin-top: 12px;

  • bitte Code über den Codebutton ( [size=12]#[/SIZE] ) einfügen

    und wenn das der Code ist hast du ja nichts geändert


    Vielen Dank,

    ich habe das jetzt so gemacht:

    sitename {
    height:45px;
    margin:23px 0 0 75px;
    overflow:visible !important;
    position:absolute;
    width:500px;
    z-index:1;

    #foo {display:none; /* CSS should not start with a comment */ }

    /*
    Theme Name: Multiflex-4
    Theme URI: http://www.flowdrops.com/projects/wordp…me-multiflex-4/
    Description: Multiflex-4 WordPress Theme &bull; Based on <a href="http://www.1234.info/webtemplates/multiflex4/">Multiflex-4</a> &bull; Wordpress Port by <a href="http://www.f

    hat aber nichts gebracht?
    Der Code für Sitename ist übrigens in der ursprünlichen CSS-Datei gar nicht enthalten.

    Gruß,

    Jörg

  • ich wuerde in diesen zeilen im style.css die gezeigten aenderungen einfuegen:

    Code
    .sitename {width:850px; height:45px; position:absolute; z-index:1; margin:23px 0 0 75px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
    .sitename h1 {float:left; font-weight:normal; font-size:240%;}
    .sitename h2 {float:right; margin:12px 0 0 0; color:rgb(125,125,125); font-weight:normal; font-size:120%;}



    also
    .sitename - width:850px;
    .sitename h1 - float:left;
    .sitename h2 - float:right; margin-top: 12px;


    Hi,

    ich habe das jetzt so eingefügt:

    #foo {display:none; /* CSS should not start with a comment */ }

    /*
    Theme Name: Multiflex-4
    Theme URI: http://www.flowdrops.com/projects/wordp…me-multiflex-4/
    Description: Multiflex-4 WordPress Theme &bull; Based on <a href="http://www.1234.info/webtemplates/multiflex4/">Multiflex-4</a> &bull; Wordpress Port by <a href="http://www.flowdrops.com/">Peter 'Toxane' Michael</a>.
    Version: 1.2
    Author: Peter 'Toxane' Michael
    Author URI: http://www.flowdrops.com/
    Tags: Multiflex, Multiflex-4, 3 Column, Dropdown Menus, White, Blue, Yellow, Green

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

    */

    /* WordPress Theme Directory Requirements */
    .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;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

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

    .wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;


    sitename {width:850px; height:45px; position:absolute; z-index:1; margin:23px 0 0 75px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
    sitename h1 {float:left; font-weight:normal; font-size:240%;}
    sitename h2 {float:right; margin:12px 0 0 0; color:rgb(125,125,125); font-weight:normal; font-size:120%;}

    Das hat aber auch nichts geändert. Der Slogan wird immr noch unter
    den Blogtitel gequescht.

    Hast Du noch eine Idee?

    Danke,

    Jörg

  • sitename bezieht sich auf eine css class, die in der style.css mit einem punkt beginnend eingegeben werden muss:

    .sitename {} <--- der punkt vor dem namen ist unbedingt wichtig.
    usw.


    groesseres problem:
    dein theme scheint die style.css nicht zu laden; die anweisung scheint im header.php zu fehlen.


    es laedt nur /css/layout.css und /css/typography.css

    versuch diese zeile in header.php zu ergaenzen:

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



    vorher sicherungskopien der theme dateien machen

Jetzt mitmachen!

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