Ondersteuning » Thema en CSS/opmaak » Kopafbeelding formaat probleem

  • Opgelost schaduw

    (@schaduw)


    Hoi,

    Mijn thema Envince adviseert een kopafbeelding van 1280×600 pixels, deze heb ik precies zo gemaakt in photoshop, maar toch lijkt het niet te passen.
    Het is net te smal (maar dat is niet het ergste) in de lengte is hij veel te hoog, het onderste gedeelte met tekst valt weg!
    Ik heb vanalles geprobeerd met bijsnijden en dergelijken, maar niks wordt mooi! (ook met codes in de costum css, maar ik snap er te weinig van)
    Wat moet ik doen?
    Het liefst wil ik ook gewoon een afbeelding die ‘meescrollt’ met de site en niet die stil blijft staan en de site ‘eroverheen scrollt’.
    Iemand tips?
    site: ragnarock.nl

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Probeer dit eens toe te voegen aan de style.css:

    #intro{
        background-repeat: no-repeat !important /*niet herhalen over x-as*/;
        background-attachment: initial !important; /*zorg dat die niet meescrolled*/
        background-position: center -200px !important; /*positioneer achtergrond*/
    }

    Je header is namelijk niet dat formaat zoals jij aangeeft. De afbeelding die je hebt gemaakt wel maar de website verlangt een ander formaat (1170×300). Vervolgens centreert hij de afbeelding en herhaalt hij hem op de x-as (horizontaal). Tevens stelt hij hem in op fixed (background-attachment: fixed), dus scrolled hij altijd mee.

    Kun je hier wat mee? Als je besluit de afbeelding aan te passen naar het formaat 1170 x 300 px kan dat ook. Je dient dat de css op te maken zoals hieronder:

    #intro{
        background-repeat: no-repeat !important /*niet herhalen over x-as*/;
        background-attachment: initial !important; /*zorg dat die niet meescrolled*/
    }
    Thread starter schaduw

    (@schaduw)

    Bedankt voor de info!
    Helaas werkt het niet als ik de eerste code invoer in de style css…. ik weet niet of zoiets aan het thema kan liggen of dat ik iets verkeerd doe (gewoon boven aan ingevuld…. boven de eerste codes….
    Maar ik zal dan eens de afbeeldingsgrootte veranderen (vervelend dat ik dan doe wat er staat, het formaat, en dat het toch iets anders moet zijn…

    Thread starter schaduw

    (@schaduw)

    ah…. met 1170×300 ziet het er nog gekker uit, hij is gewoon te smal (maar dat is hij ook bij 1280×600…).

    Thread starter schaduw

    (@schaduw)

    1170×300 en dan de codes die jij aangeeft, het werkt niet?
    http://www.ragnarock.nl
    het ziet er raar uit kijk maar.
    Maar misschien doe ik iets verkeerds met de codes, ik vul ze in bij style css, onder de ‘inhoudsopgave’ en boven de eerste code met ‘body’. (want er staat nog niets in de style css met ‘intro’

    En helemaal onderaan de css? Bovenaan kan er voor zorgen dat het niet werkt. Je werkt hopelijk wel met een child theme? Zo niet dan raad ik dat wel aan.

    Thread starter schaduw

    (@schaduw)

    Wow bedankt!
    Ik heb allemaal rare dingen gedaan, maar nu EINDELIJK is het gelukt.
    (En ik heb op je aanraden een child theme geïnstalleerd!)
    Super bedankt!

    Thread starter schaduw

    (@schaduw)

    Probleem verholpen 🙂

    Goed te horen dat je ermee bent geholpen. Graag gedaan!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Kopafbeelding formaat probleem’ is gesloten voor nieuwe reacties.