Slogan Text an Logo aussrichten wo kann ich das ändern ???

eidiney

Hallo,

habe mich jetzt seit ewigen Stunden mit der Gestaltung eines Themes beschäftigt. Benutze das Fullscreen Theme. Habe jetzt das Problem das ich das Logo zwar eingefügt bekommen habe jedoch verschiebt sich jetzt der Slogan Text und das Logo steht nicht mehr in der mitte vom schwarzen Balken. Also Logo soll in die mitte vom schwarzen Balken (von oben nach unten) und der Slogan Text rechts daneben.

Hier noch der link zum Blog: http://www.dennis-gross.de

Kann mir da jemand helfen ?

Vielen Dank schonmal.

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

eidiney

PHP

/*
Theme Name: Fullscreen
Theme URI: http://graphpaperpress.com/
Description: A multimedia theme framework for WordPress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 2.4.3
Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
Contributors: Chandra Maharzan
License: GPL
*/


/* Blueprint CSS Styles */
@import url( 'css/screen.css' );


/* Menu CSS */
@import url( 'css/superfish.css' );


/* jQuery UI CSS */
@import url( 'css/jquery.ui.css' );


/* Override */
body { background: #0f0f0f; color: #999; }
.container { margin-top:24px }
h1,h2,h3,h4,h5,h6 { color: #999 }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff }
a { color:#428ce7; text-decoration:underline }
a:hover { color:#fff }


/* Masthead */
#masthead { padding:0; margin:12px 0 24px 0; height: 30px; position: relative; display:block; clear:both }
#masthead h2, #branding h2 { float:left; text-transform:uppercase; margin:0; padding:0 }
#masthead h2 a, #branding h2 a { color:#fff }
#masthead .description, #branding .description { float:left; color:#999; margin: 10px 12px; padding-left:12px; border-left: 1px solid #999; font-size:11px }


/* Home Thumbs & Nav*/
.home-thumbs { margin-top: 0; padding: 0; overflow: auto; left: 0; overflow: -moz-scrollbars-none; position: absolute; width: 1600px}
.bottom-thumbs {position: absolute; top: 440px; left:0;}
.thumbs { display:hidden; }
ul.thumbs { width: 1600px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:1600px }
ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-big { float: left; width: 320px; height:320px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0 }
ul.thumbs li.thumb-end {margin-top:144px}
.go-left { position:absolute; top:17px; right: 90px;display: none}
.go-right { position:absolute; top:17px; right: 50px; }
#branding { background: #000; color:#474747; position:absolute; z-index: 4; left: 0px; top:320px; height:40px; padding:40px; zoom:1; width:100%; margin:auto; clear: both; display: block; }
#branding a, #masthead a { color:#474747; text-decoration:none }
#branding h1 a, #masthead h1 a { color:#fff; }
#branding h1, #masthead h1 { text-transform:uppercase; font-weight:bold; margin:0 ;}
#branding a:hover { color:#fff }
#branding .description { text-align:left;}
#branding .img { text-align:left; float: left; width 100%;}
.brand-wrap { float:left; }


/* IE 6 hacks for position fixed */
* html #branding { position: absolute; padding:45px 40px 35px 50px;width: 1505px;}
* html .go-left { top:17px; right: 280px; display: none}
* html .go-right { top:17px; right: 240px; }


/* Footer */
#footer-wrap { width:100%; background:#000; padding:24px 0 }
#footer { width: 950px; margin:0 auto;color:#333; text-align: left }
#footer a { color:#333 }
#footer a:hover { color:#ccc }
#footer ul { list-style:none; margin:0; padding:0; border-top:1px solid #111 }
#footer ul li { border-bottom:1px solid #111 }
#footer ul li a { text-decoration:none; padding: 4px }
.post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 10px 0 0; padding: .4em 1em .4em 20px; text-decoration: none; position: relative; color:#999 }
.icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px }
.post-nav-next span.ui-icon { margin: 0 5px 0 0; position: absolute; left: 42px; top: 50%; margin-top: -8px }
ul#icons { margin: 0; padding: 0 }
ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none }
ul#icons span.ui-icon { float: left; margin: 0 4px }
#post-nav { float:right }


/* Posts */
#content { display:block; clear:both; margin:2em 0 }
.post { display:block; clear:both }
#content h2, .post h2 { text-align:center; text-transform:uppercase; border-bottom:1px solid #333; border-top:1px solid #333; padding:6px 0 0 0; background: url(images/stripe.png) repeat }
#content h2 a, .post h2 a { text-decoration:none; }
.postmetadata { background: #000; margin:0 0 2em 0; padding:1em; color:#999; font-size:11px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; clear:both ;height:25px}
.postmetadata a { color:#515151; }
.postmetadata a:hover { color:#eee }
.sub { text-transform:uppercase }
.underlined { border-bottom:1px solid #222 }
.nav { margin:12px 0; font-size:11px}
.nav a { background:#000; color:#999; padding:8px; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.nav a:hover { color:#eee; background:#333; cursor:pointer }


/* Floats & Images */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px}
img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px}
img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px}
img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;clear:both;margin-left: auto;margin-right: auto;}
.thumbnail, .attachment-thumbnail {margin:0 1.5em 1.5em 0;float:left}
.attachment-medium {max-width:950px;overflow:hidden;display: inline}
.attachment-large {max-width:950px;overflow:hidden;display: inline}


/* Gallery */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }


div.gallery-columns-1 { width: 204px; }
div.gallery-columns-2 { width: 500px; }
div.gallery-columns-3 { width: 750px; }
div.gallery-columns-4,
div.gallery-columns-5,
div.gallery-columns-6,
div.gallery-columns-7,
div.gallery-columns-8,
div.gallery-columns-9 { width: 950px; }


/* Captions */
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }


/* Etc */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
:focus {outline: 0;}
.ad-main, .ad-sidebar {clear:both; display:block; margin: 0 0 1.5em;}
.hidden {display:none}
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */


/* Search */
#search {float:right;margin:55px 12px 0 0; padding:0;}
#search #s {background: #ddd url('images/search.png') 0px center no-repeat;color: #222;font-size: 1em;margin:0;padding: 4px 0 4px 17px;width: 150px;border:1px solid #333;}
#search input {border:0}
#search #s:hover {color: #0066cc;background: #fff url('images/search_blue.png') 0px center no-repeat;}
.search-excerpt {margin: 0;}
#searchsubmit {display:none}


/* Navigation at rest */
#nav { position: absolute; top: 0; right: 0; padding:0; }
#branding #nav { position: absolute; top: 42px; left:600px;}
#masthead .sf-menu li a:hover {color:#fff;}

Alles anzeigen

eidiney

Hallo keiner eine Idee. Dachte das es ne kleine Sache wäre.

h-u-g-o

Im Moment ist auf der Seite nicht viel mehr als zwei schwarze Balken zu sehen. Du scheinst das Theme ordentlich auseinandergenommen zu haben.

eidiney

Hey, das Theme ist so. Da kommen dann noch die Bilder rund um den Balken.
Ich möchte halt nur das das Logo in der mitte von oben nach unten von dem Balken ist und der Slogan Text soll sich dann rechts davon anreihen.

Hier mal der link wie es mit Bildern aussieht.
http://demo.graphpaperpress.com/fullscreen/

h-u-g-o

Ach so. Aber du hast dennoch einige Änderungen vorgenommen, oder?

Tu mir den Gefallen, leg zur Sicherheit ein Backup des aktuellen Standes an (Theme-Ordner herunterladen) und lade anschließend wieder das Theme in seinem ursprünglichen Zustand hoch. Dann werde ich sehen, was ich tun kann.

[edit]"In der Mitte von oben nach unten" nennt man übrigens vertikal zentriert. ;-)[/edit]

eidiney

Hi danke dir erstmal. Kann ich machen, ich habe aber nur den Blogtitel ausgeblendet und dafür das Logo eingesetzt. Und dann sah es so aus. Bin gerade unterwegs. Werd mich später mal dran setzten und das ändern.

h-u-g-o

Beim Einsetzen des Logos ist halt etwas schief gegangen. Ok.

eidiney

Hi,

hab das Original wieder hergestellt. Brauchst du noch die Stylesheet dazu ?

h-u-g-o

Zitat von eidiney

Hab das Original wieder hergestellt.

Danke.

Zitat von eidiney

Brauchst du noch die Stylesheet dazu ?

Nein. Folgende Änderungen sind vorzunehmen:

Zeile 30 in: /wp-content/themes/fullscreen/header.php

Alt:

PHP

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

Neu:

PHP

<h2><a href="<?php bloginfo('home'); ?>/" title="Home"><img src="/logo/logo.gif" alt="<?php bloginfo('name'); ?>"></a></h2>

Zeile 33 in: /wp-content/themes/fullscreen/css/screen.css

Alt:

Code

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

Neu:

Code

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin-top: -25px;}

Ich empfehle dir das Logo noch mal zu überarbeiten, da es sehr pixelig wirkt.

eidiney

Hi,

das Logo ist nur als Platzhalter gedacht das Original wird natürlich nicht so pixelig.

Werd das gleich mal austesten. Danke dir schonmal meld mich wenns geklappt hat und wenn nicht dann wahrscheinlich auch.

eidiney

Hallo,

habs geändert nur leider ist das Logo nicht in der mitte sonder immer noch da wo es vorher auch war. Der Text ist aber schonmal Perfekt.

Hab ich was falsch übernommen?

h-u-g-o

An der Ausrichtung des Slogans hast du ja nichts verändert. ;)

Ist es jetzt nicht so, wie du es haben wolltest? :confused:

[edit]Vielleicht mal mit Strg+F5 aktualisieren. Nicht, dass noch die gecachte veraltete CSS-Datei benutzt wird.[/edit]

eidiney

Das Logo sollte in die mitte "vertikal zentriert" hehe. Jetzt liegt es bei mir zumindest unter am rand der schwarzen Balkens.

h-u-g-o

Bei mir im Mozilla Firefox nicht. Welchen Browser benutzt du? Ich habe gerade festgestellt, dass das Theme im Internet Explorer anders aussieht; der Navigationslink zum Album liegt dort über dem Logo und die Album-Seite sieht ziemlich zerschossen aus.

eidiney

SSSTTTTTTTOOOOOPPPPPPP.

Mein Fehler hatte irgendwie noch was falsch bei mir im Browser.

Vielen Dank. Hast mir echt ne Menge Arbeit gespart.

Komisch ist aber das "jetzt hab ich mal einen Test Artikel Publiziert" das wenn man den öffnet wieder der Blogtitel auftaucht und nicht das Logo ?

eidiney

Habe Safari und Firefox da siehts soweit gut aus. IE hab ich leider nicht.
Kann man das noch optimieren ?

h-u-g-o

Zitat von eidiney

SSSTTTTTTTOOOOOPPPPPPP.
Mein Fehler hatte irgendwie noch was falsch bei mir im Browser.

Lag's am Cache?

Zitat von eidiney

Vielen Dank. Hast mir echt ne Menge Arbeit gespart.

Gerne.

Zitat von eidiney

Komisch ist aber das "jetzt hab ich mal einen Test Artikel Publiziert" das wenn man den öffnet wieder der Blogtitel auftaucht und nicht das Logo ?

Zeile 42 in: /wp-content/themes/fullscreen/header.php
Alt:

PHP

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

Neu:

PHP

<h2><a href="<?php bloginfo('home'); ?>/"  title="Home"><img src="/logo/logo.gif" alt="<?php  bloginfo('name'); ?>"></a></h2>

Zitat von eidiney

Habe Safari und Firefox da siehts soweit gut aus. IE hab ich leider nicht.
Kann man das noch optimieren ?

Das hätten die Ersteller des Themes mal machen sollen. :lol:

eidiney

Also das Logo wird jetzt auch über den Artikel angezeigt allerdings viel zu groß
kann ich aber einfach ein 2tes Logo machen was halt eben kleiner ist und dann nur in der header.php den namen der Datei ändern richtig?

h-u-g-o

Wenn dir das Logo zu groß ist, solltest du eine weitere kleinere Version erstellen, ja. Falls du aber meintest, dass der schwarze Balken zu schmal ist, kannst du mit .sf-menu in Zeile 59 der Datei /wp-content/themes/fullscreen/css/superfish.css herumspielen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Slogan Text an Logo aussrichten wo kann ich das ändern ???

Jetzt mitmachen!

Benutzer online in diesem Thema