Support » Thema en CSS/opmaak » Responsive site banner in Dazzling

  • Hallo,

    Voor een webshop ben ik het thema Dazzling gaan gebruiken omdat ik teveel wijzigingen zou moeten maken in TwentyFourteen (wat ik voorheen gebruikte).

    Wil niet zeggen dat Dazzling perfect is voor mij, ik mis bijvoorbeeld de site banner van TwentyFourteen. Die heb ik dan ook toegevoegd aan Dazzling.

    Ik heb een DIV toegevoegd en in style.css deze DIV een background-image gegeven. Probleem was direct dat bij het resizen de breedte wel netjes aangepast werd van de banner, maar de hoogte niet. Dit heb ik opgelost met een stukje javascript wat de hoogte aanpast. Het werkt… maar daar is het ook mee gezegd. Het is niet echt vloeiend.

    Nu heb ik al in de CSS van TwentyFourteen zitten zoeken hoe zij dat doen (de hoogte van de banner aanpassen) maar kan het niet vinden.

    Zou iemand mij op weg kunnen helpen?

    mvg

    Peter

    PS
    Site in kwestie is http://www.pasina.nl (een site van mijn ex)

1 reactie aan het bekijken (van in totaal 1)
  • Thread starter Peter

    (@peterkaagman)

    La maar… ben er al uit.
    Gebeurt me wel vaker vlak nadat ik een vraag gesteld heb :S

    Komt hier op neer:

    #banner{
      height: 300px;
      background-image: url("../../uploads/images/banner.jpg");
      background-size: 100%;
      background-repeat: no-repeat;
    }
1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Responsive site banner in Dazzling’ is gesloten voor nieuwe reacties.