• Opgelost koenwordpress

    (@koenwordpress)


    Ik heb een bandjes site gemaakt welke binnenkort online gaat.
    http://www.stageline.nl/nwsite/
    Heb een thema gebruikt en daar zat een klein plaatje in de header die als LOGO en href fungeert (gaat weer naar home).

    Nu wil ik hier dus een grotere afbeelding gebruiken (je ziet al een deel van het logo). Ik dacht gewoon binnen de css. ff de weidth en de heigh aanpassen en klaar, maar dat werkt helaas niet!!!
    Iemand een idee wat het nog meer kan zijn?

    Thenx!

12 reacties aan het bekijken - 1 tot 12 (van in totaal 12)
  • Hoi,

    Misschien een ander (groter) logo maken?

    Xander

    Thread starter koenwordpress

    (@koenwordpress)

    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

    Thread starter koenwordpress

    (@koenwordpress)

    <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?

    Thread starter koenwordpress

    (@koenwordpress)

    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).

    Thread starter koenwordpress

    (@koenwordpress)

    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/

    Thread starter koenwordpress

    (@koenwordpress)

    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).

    Thread starter koenwordpress

    (@koenwordpress)

    OK dan! Dank voor je hulp Funk, das nou echt FUNKY 🙂

12 reacties aan het bekijken - 1 tot 12 (van in totaal 12)
  • Het onderwerp ‘Logo op site’ is gesloten voor nieuwe reacties.