Ondersteuning » Thema en CSS/opmaak » Tekst en logo aan banner toevoegen

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Ik zit even mee te kijken naar het 2014 thema. Bedoel je de slider met de schommel etc op onderstaande link?
    https://twentyfourteendemo.wordpress.com/

    In een slider tekst toevoegen is een stuk lastiger dan een (eigen) banner.
    Misschien zit er in het theme een mogelijkheid om de slider aan te passen.

    Ik zou het alsvolgt aanpakken:
    Een div aanmaken in de banner via de wordpress editor. Daarna de css van de div aanpassen. Bijv:

    #div1{
    float:left;
    width:70%;
    }

    Kun je uitgebreider aangeven waar je het wilt weergeven?

    Thread starter stywax

    (@stywax)

    Hey

    Op het moment heb ik http://parsival.be/testnieuw/

    Echter wil ik links boven in de afbeelding een logo plaatsen, en links onder de tekst
    Scouts Parsival
    3 de Mechelen

    En waar moet ik juist die div creëren in de header.php?

    hoi,

    Ik zie dat je op de localhost hebt zitten werken. De afbeelding wordt bij mij niet zichtbaar helaas.
    http://localhost/parsival/wp-content/uploads/2015/06/cropped-2014_groepsfoto_ethe1.jpg

    Toch kan het wat je wilt:
    Ik weet niet zeker of je in header.php moet zijn of in page.php

    Maar ga op zoek naar:
    <div id=”site-header”>
    Plaats daar een <div id=”divLogo1″>Div logo met img </div>

    Maar die div absolute:

    #divLogo1{
    position:absolute;
    left:10px;
    top:10px;
    }
    
    #site-header{
    position:relative;
    }
    
    Absolute plaatst iets tov eerste element dat non static is.
    
    Lukt dat ?
    Thread starter stywax

    (@stywax)

    Op het moment heb ik mijn tekst en logo al links boven kunnen toevoegen.

    echter zou ik deze tekst en logo iets lager (linksboven op de banner) willen.

    Hoe zou dit mogelijk zijn?

    door top of left aan te passen bij #logo_header kun je schuiven.

    Bijv van top:20px;

    maken.

    #logo_header {
        color: white;
        left: 10px;
        position: absolute;
        top: 10px;
    }

    Ik raad aan om deze tekst ook in een div te zetten:
    Scouts en Gidsen Vlaanderen
    Scouts Parsival
    3de Mechelen, A3403G

    Dan kun je die met css ook benaderen en een beetje opmaken. Het is nu wit op wit.

    Als je mij morgen (woensdag) een FTP account geeft maak ik het voor je in orde. Ik denk namelijk dat dat wat sneller gaat tenzij je er al uit bent natuurlijk 🙂

    Stuur een mailtje naar geoclaps [at] hotmail punt com

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘Tekst en logo aan banner toevoegen’ is gesloten voor nieuwe reacties.