Foliogrid Theme, Headeranpassung Problem!

DesperateApfel

so, ich mal wieder mit ein paar fragen.

ich benutze derzeit für meine seite das foliogrid theme, noch die 'alte' free version, die neue pro gefällt mir irgendwie gar nicht.

http://charmingwp.com/foliogrid-free…ortfolio-theme/

das hier ist die besagte seite:

http://selected-design.de/

nun wollte ich meine seite mal wieder etwas umbauen, und dafür im header statt nur den blog-namen geschrieben zu haben, ein png-image mit dem logotype einsetzen. das bild soll die maße von 40px länge und 120px breite haben.
hab mich da schon mal etwas probiert, aber irgendwie kam nie das gewünschte ergebnis, entweder klebte das bild an einem rand, oder schlimmeres.
das wäre halt meine erste frage, wie bekomme ich das bildchen ordentlich zentriert dahin, wo jetzt der name steht?

außerdem wollte ich die navigation im header rechtsbündig haben, und nicht direkt links neben dem blognamen. hat da jemand eine idee, ich komm da im css einfach nicht weiter.

ja, das wärs schon. ein vorsatz fürs neue jahr ist bei mir ohne frage, mich etwas mehr in html und css einarbeiten.
ich bin sehr dankbar für jede hilfe :-)
falls ich irgendwie den code hier noch einfügen soll, für die die sich das theme nicht laden wollen, sagt bescheid.

grüße und schönen sonntag

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

DesperateApfel

gut, ich füg hier mal noch den code ein.

also einmal den teil aus der header.php

PHP

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title><?php bloginfo('name'); ?>: <?php bloginfo('description'); ?></title>

und das header-css-zeug

Code

/* Template
-------------------------------------------------------------------*/


	#header						{ background:#232323; width:100%; height:55px; position:fixed; top:0; left:0; z-index:100; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 1); -moz-box-shadow:0 0px 10px rgba(0, 0, 0, 1); overflow:hidden; }
	#wrapper					{ padding:20px; clear:both; position:relative; z-index:50; top:60px; }
	#contentwrap				{ position:relative; }
	#coreContent				{ width:960px; margin:0 auto; }
	#content					{ width:680px; float:left; }
	#sidebar					{ width:260px; float:right; }
	#foliogrid 					{ margin-left:65px 0 60px -1px; _margin-left:-30px 0 0 15px; }


/* Header
-------------------------------------------------------------------*/


	#header div					{ float:left; margin:0; padding:20px 0 18px 20px; color:#777; text-shadow:none; }
	#header form				{ float:left; margin:0; padding:0; }
	#header h3					{ text-transform:uppercase; padding:0; float:left; margin:0 10px 0 0; }
	#header p					{ padding:0; margin:0; }
	#header a					{ color:#e2e2e2;  text-decoration:none; }
	#header a:hover				{ text-decoration:underline; }
	
	#header input,
	#header select 				{ background:#fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; padding:3px; margin:-4px 0 0 0; border:0; color:#666; font-size:11px; font:10px/1em Georgia, "Times New Roman", Times, serif; color:#555; float:left; }
	#header input				{ width:auto; }
	
	#header ul					{ list-style:none; padding:0; margin:0; float:left; }
	#header ul li				{ float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #666; text-transform:lowercase; }
	#header ul li.first			{ border-left:0; padding:0; margin:0; }
	
	.blogInfo					{ text-transform:uppercase; font-size:14px; }

Alles anzeigen

wär echt super, wenn da jemandem was einfällt, ich komm einfach nicht zum richtigen ergebnis.. danke

DesperateApfel

keiner? damn :???:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Foliogrid Theme, Headeranpassung Problem!

Jetzt mitmachen!