Hoi,
Misschien een ander (groter) logo maken?
Xander
Das een idee, maar dan kom ik met 2 punten…
Zou je dan via de css. dat nieuwe logo invoegen en opmaken en hoe moet ik die andere dan goed weghalen.
Ik heb een beetje moeite met vaste positionering…
Nog wat tips?
Hangt er vanaf waar dat logo staat. Staat deze in de header.php of in de style.css.
En waarom weghalen? Je maakt gewoon een nieuwe logo onder dezelfde naam.
Xander
<h2 class=”sectionhead”>“><img src=”<?php bloginfo(‘stylesheet_directory’); ?>/img/rss.gif” alt=”Main
Bovenstaande staat in de HEADER.
/*********************************************************************
Title
*********************************************************************/
.blog_title h1 {
background: #8E0000 url(img/site_title_bck.gif) top right no-repeat;
font-size:19px;
color:#FFF;
margin:0 0 5px 0;
padding:15px 0 0 20px;
height:80px;
width:568px;
}
.blog_title h1 a {
background:url(img/title_icon.gif) top left no-repeat;
padding: 7px 0 0 45px;
color:#FFF;
height:45px;
width:192px;
}
.blog_title h1 a:hover {
text-decoration:line-through;
}
.blog_title h4 {
font-size:13px;
color:#444;
padding:0 0 0 65px;
}
Bovenstaand in de Css.
Er stond dus eerst een kleiner plaatje, ik heb het plaatje wat ik wil hernoemd tot dezelfde naam en de hoogte en breedte aangepast.
height:80px;
width:568px;
Lijkt me voldoende toch? Of zie ik iets over het hoofd?
Er stond dus eerst een kleiner plaatje, ik heb het plaatje wat ik wil hernoemd tot dezelfde naam en de hoogte en breedte aangepast.
Wat is het resultaat?
het resultaat is vreemd, omdat het plaatje NU niet word weergeven en soms wel, maar dan in een kleiner formaat. Lijkt wel of er een bug in het thema zit…. kan dat?
Het komt doordat je een a geen afmetingen kunt geven omdat het een inline element is. Met een display:block op de .blog_title h1 a werkt het wel. (Ik heb het over het plaatje van gister, niet gekeken naar vandaag).
Hoi Funk,
In feite zeg je dit:
.blog_title h1 a {
display:block
background:url(img/title_icon.gif) top left no-repeat;
padding: 7px 0 0 45px;
color:#FFF;
height:45px;
width:192px;
}
Of niet? Het werkt momenteel in ieder geval niet.
Niet alles valt te doen met wat copy-paste-werk. Mijn oplossing werkt wel, maar niet op de huidige manier. Het is handig als je eerst wat basiskennis opdoet over CSS voordat je erin gaat editen.
http://www.cssbasics.com/css-syntax/
Hoi het is me gelukt.
Allereerst was ik een ; vergeten achter block.
Toen heb ik display:block; een regel naar beneden geplaatst en het werkt (het logo is welliswaar lelijk, maar das ff aanpassen).
Maakt het uit in welke volgorde je css. regels zet binnen bijvoorbeeld een class?
.blog_title h1 a {
background:url(img/title_icon.gif) top left no-repeat;
display:block;
padding: 7px 0 0 45px;
color:#FFF;
height:45px;
width:192px;
}
Volgorde is onbelangrijk, maar wel de volgorde in ‘shorthand‘ (zoals bij padding: 7px 0 0 45px; kun je geen getallen omdraaien).
OK dan! Dank voor je hulp Funk, das nou echt FUNKY 🙂
