Wil op mijn website een achtergrond van een foto, maar niet zichtbaar bij paginas

[christiaan9]

Ben bezig met het maken van een nieuwe Wordpress website met de thema Gossip.

Nu wil ik een foto als achtergrond, maar zo dat de pagina achtergrond, footer en menu een achtergrond blijven houden in kleur.

Kan dit niet instellen in het thema.

Met

body {
background-image: url(http://www.-----.jpg);
background-size: cover;
background-attachment: fixed;
}

Krijgt alles dezelfde achtergrond en is de tekst niet meer leesbaar

 

[bron]

Als ik naar http://thegossip.wpengine.com kijk zou ik dit direct boven </head> zetten.

<style type="text/css">
body {
	background-image: url("http:// ... /background.jpg");
	background-size: cover;
	background-attachment: fixed;
}
#page-wrapper {
	background-color: #fff;
	/* volgende om page-wrapper op top-bar aan te sluiten */
	margin-top: -40px !important;
	padding-top: 40px;

}
#header {}
#content-wrapper {}
#footer {}
</style>

Suc6. Have fun.

 

[christiaan9]

Als ik naar http://thegossip.wpengine.com kijk zou ik dit direct boven </head> zetten.

<style type="text/css">
body {
	background-image: url("http:// ... /background.jpg");
	background-size: cover;
	background-attachment: fixed;
}
#page-wrapper {
	background-color: #fff;
	/* volgende om page-wrapper op top-bar aan te sluiten */
	margin-top: -40px !important;
	padding-top: 40px;

}
#header {}
#content-wrapper {}
#footer {}
</style>

Suc6. Have fun.

Bedankt bron

Ben nu over gegaan naar thema Grapgy Door Takao Utsumi

Hoe kan ik de achtergrond zoals boven veranderen

Bedankt

 

[bron]

Deze pagina heb ik bekeken. Ik heb niet de css uitgeplozen, maar aan de hand van de html deze css erbij gezet (vlak boven </head>

<style type="text/css">
body {
	background-image: url("http:// ... /background.jpg");
	background-size: cover;
	background-attachment: fixed;
}
#page { /*wrapper*/
	background: #fff;
}
#masthead { /*header*/
}
#content {
}
#colophon { /*footer*/
	/* door laten lopen tot onderaan */
	margin-bottom: -35px;
	padding-bottom: 10px;
}
</style>

Suc6.