Janneke

Aangemaakte reacties

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Forum: Thema en CSS/opmaak
    In antwoord op: CSS code voor Retina header file
    Thread starter Janneke

    (@janneke1980)

    6 jaren, 11 maanden geleden

    Excuses Wouter, fijn dat je helpt, toch paar vraagjes:

    Pas uiteraard de background-size, ID van de header en het URL-pad naar de afbeelding aan

    Is de background-size dan de in de code dan de pixels van originele header grootte of de Retina afbeelding of?
    Waar kan ik de header ID vinden?
    URL pad naar afbeelding is die van retina afbeelding, toch?

    Ik heb deze code toegepast en heb niet de indruk dat het werk of verschil maakt:

    @media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #header {
    background-image: url(‘http://www.thefamilyrules.com/wp-content/uploads/2017/05/TFR_header@2x.png’);
    background-size: 2000px 500px;
    }
    }

    • Deze reactie is gewijzigd 6 jaren, 11 maanden geleden door Janneke.
    Forum: Thema en CSS/opmaak
    In antwoord op: CSS code voor Retina header file
    Thread starter Janneke

    (@janneke1980)

    6 jaren, 11 maanden geleden

    Beste Wouter, bedankt voorje hulp. Het gaat idd om die site en die header afbeelding=achtergrondafbeelding.
    Ik heb de code toegepast maar kan niet zien of het werkt. En header ID waar vind ik die?

    Forum: Thema en CSS/opmaak
    In antwoord op: CSS code voor Retina header file
    Thread starter Janneke

    (@janneke1980)

    6 jaren, 11 maanden geleden

    Hoi Wouter, de plugin Retina @2x had ik al geïnstalleerd maar daarin wordt niet de header van de Artisteer template herkend, dus daar heb ik code voor nodig.
    Het betreft een header van een template die gemaakt is in Artisteer, geen achtergrondafbeelding (of is het dat dan wel?)

    Hoe kom ik achter de ID van de header? De originele header is 1000×250 pixels dus de Retina file is 2000×500 pixels.
    Ik heb je code in de CSS gezet van de template maar ik geloof niet dat het goed is, ik zie geen actie or reactie of verschil.

    Is er ook aanvullende code die de header “clickable” maakt?

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)