Ondersteuning » Thema en CSS/opmaak » background image per sectie toevoegen lukt niet

  • Opgelost JennyTekenplus

    (@jennytekenplus)


    Beste WordPress kenners,

    Wie kan mij helpen om het volgende probleem op te lossen:
    Ik heb een template gekocht via Themeforest en in dit ‘Theme Crispy’ zitten in de demo site ( http://demo.agnidesigns.com/crispy/ ) een aantal achtergrond afbeeldingen (‘background- image’ bijvoorbeeld bij sectie id=milestone) per sectie gekoppeld. Maar met de shortcodes en css bestanden uit het Theme Crispy die ik heb geïmporteerd naar WordPress heb ik alles zelf na kunnen bouwen behalve de achtergrond afbeeldingen. Maar ik kan nergens de code of juiste manier vinden hoe ik zelf in mijn WordPress site page (voor de one page scroll down site) in de Visual of text editor deze background-image toe kan voegen per sectie. Ik heb wel gevonden in de style.css waar de background-image – url staan voor de verschillende secties van de pagina. Maar ook al vervang ik de demo de afbeelding url voor de nieuwe afbeelding url die ik erin wil plaatsen dan nog zie ik de afbeelding niet verschijnen in mijn preview van de site.
    Wie kan mij uitleggen hoe en waar ik de background- image -url of welke html code ik moet plaatsen in de text editor. Is dit in de text editor bij de ‘Home Pagina’ die ik heb gemaakt of moet ik inderdaad de url vervangen in de style.css zoals ik gelezen heb, of beide, maar mis ik nog een stap om het zichtbaar te maken?
    Mijn preview van de (nog niet geheel complete )site zodat jullie kunnen meekijken: http://nltekenp-fengtou.savviihq.com/

    De sectie waar ik een afbeelding in wil plaatsen is:
    section id= milestone. ( dit is de sectie met de I phone en het gaat om de donkere achtergrond afbeelding die ik wil vervangen. en in de nieuwe site heet deze sectie header titel BIMservices&BIMserver in deze sectie milestone.)
    En de code die ik dacht dat ik moest vervangen in de style.css is: background image:url(‘img/image 1.jpg’) en ik had er van gemaakt:
    background image:url (‘http://nltekenp-fengtou.savviihq.com/wp-content/uploads/2015/01/image-1-bimservices-background.jpg’)
    ook geprobeerd:
    background image:url (‘img/image-1-bimservices-background.jpg’)

    Maar dit is dus niet de juiste manier. Kan iemand mij uitleggen hoe en waar ik dit wel moet doen zodat de achtergrond bij de juiste sectie zichtbaar is?
    Ik heb geen uitgebreide html- code kennis en ben nieuw bij WordPress dus alle hulp is welkom want ik kom er zelf niet uit. Maar ik leer wel snel dus als jullie mij op weg kunnen helpen graag!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Hi Jenny,

    == == ==Tips
    Geef JOUW afbeelding dezelfde naam [en plek] van de afbeelding in de demosite.
    Het is handig om de originele afbeelding te bewaren door hernoemen… voorbeeld:
    origineel: ‘demoplaatje.png’ wordt ‘0demoplaatje.png’
    nieuw: ‘nieuwplaatje.png’ hernoem naar ‘demoplaatje.png’
    Ververs de browser <CTRL-F5>

    …verder…
    Probeer het eens met een afbeeldingsnaam en ‘pad’ dat een stuk eenvoudiger is. Een typefoutje is zo gemaakt 😉

    Thread starter JennyTekenplus

    (@jennytekenplus)

    Hi W.P.Ginfo,

    Hartelijk dank voor je tip. Ik heb het geprobeerd maar dit bleek niet geheel te werken. Ik heb er nog in de text editor de volgende html code aan toe moeten voegen per sectie:
    <div style=”background-image:url(http://nltekenp-fengtou.savviihq.com/wp-content/uploads/2015/01/image-1-bimservices-background.jpg); width: 100%; heigth: 100%; background-size: cover;” en dan </div> achter de content plaatsen. toen werkte het wel.
    Bedankt en het is nu dus gelukt!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘background image per sectie toevoegen lukt niet’ is gesloten voor nieuwe reacties.