Achtergrond image op home met tekst

Heb gezocht en er staan wel vragen maar deze zijn voor mijn onderwerp niet duidelijk. In eerste instantie wil ik in de heading van de Homepagina een grote foto als achtergrond plaatsen en de tekst die er nu staat opnemen over de foto heen. Kan dit met CSS ? Kan iemand mij vertellen hoe ik e.e.a. zou kunnen oplossen ?

Dank je wel ,
Jos

Dat kan wel, maar een aanpak kan pas gegeven worden als we weten over welke site/template het gaat.

In principe zou dat moeten kunnen, alleen wij hebben helaas geen glazen bol
welke template gebruik je en om welke site gaat het?

Het gaat om www.robo-ts.nl (van mijn zoon) dit is een template welke ca 10-12 jaar geleden is gemaakt door een vriend . Ik kan een tijdelijke inlog geven maar liever niet zichtbaar voor iedereen

Je zou eens kunnen proberen om in een custom.css het volgende op te nemen:

Als je de tekst onder het menu bedoeld,
Dat is een custom module, kijk dan eens of je de tweede optie uit dit onderwerp opneemt

Ik heb de wijziging in de css op een testwebsite gedaan https:www.bogersbest.nl/_robots, maar zie geen resultaat. Iets niet goed gedaan ??

Ik kan niet eens zien waar je iets hebt aangepast. Neem aan dat je de afbeelding achter

Bel ons voor al uw technisch Onderhoud aan
Parkeersystemen en Liften..........

wil hebben?
Voeg dan dit toe: Wel even de juiste afbeelding in de map robo uploaden en de naam aanpassen.

Astrid, De afbeelding moet op de plaats komen van < bel ons voor al uw ...enzenz...> De tekst is bedoeld om over de achtergrond afbeelding te komen en ook het telefoonnummer komt daar nog de rest van de tekst kan verdwijnen als ook de tekest: <futuristische Parkeergarage .......> Ik heb de CSS aangepast in templates.css helemaal bovenaan, maar zie niet dat er iets gebeurd is . Het is een jpg afbeelding moet die misschien .png zijn ?

Heb je de afbeelding wel in de map images van je template gezet?

Ja, onder images/robo . Het is op mijn test site www.bogersbest.nl/_robots

Zet de code aan het eind van je .css bestand:

Edit: Hiermee positioneer je de afbeelding beter en pas je de kleur van de tekst aan. Desgewenst kun je de kleurcode nog aanpassen.
Besef wel dat door deze achtergrond tekst vaak veel minder (goed) te lezen is, met name voor mensen met een minder visueel zicht. Het is daarom van belang een goede contrasterende kleur te kiezen, echter die moet ook wel passen bij je site.

Dank je voor de uitleg. Als ik de correctie aanbreng via INSPECT werkt het als een trein omdat ik dan de wijziging in bootstrap.css kan aanbrengen, CSS:6079 en die CSS kan ik niet vinden. Als ik via template.css de correctie aanbreng , zoals ik nu gedaan heb (helemaal onderaan) gebeurt er niets. Snap ik niet helemaal waarom niet ?
Met betrekking tot het leesbaar maken van de letters zou kunnen door de kleur wit te gebruiken en een waas met gradient kleuren over de afbeelding te brengen misschien met enige transparantie?
groet, Jos