How do I change the body background image on different pages
-
-
- Minimalist
- Rocketeer
- Posts: 65
- Thanks: 0
- Is the embedded CSS produced by the gantry templatemanager? How can i overwrite it if i would add a background image?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Minimalist,
it worked for me. I try all the stuff I post here myself.
Do you have a link with an example with a page-suffix ...
(and tell us where your imgs are in the templates folder)
-
-
-
- Minimalist
- Rocketeer
- Posts: 65
- Thanks: 0
-
Hi Henning,
the Pictures are at
images/stories/bg_verlauf.jpg
This sentence i put in the custom-style.css
body.bg-page-1 {background: url(../images/stories/bg_verlauf.jpg) ;}
The custom.css is already working.
-
-
-
- Minimalist
- Rocketeer
- Posts: 65
- Thanks: 0
-
I work with the rt_gantry_j15 Template, i copied the background image to:
body.bg-page-1 {background: url(../images/body/bg_verlauf.jpg) ;}
But i can`t see anything. Is it right that the style selections in the Gantry Template are embedded?
How can i change these selection to the background image? Would you mind if i send you the site as private mail?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
You did almost everything right but the page-suffix should not be "body.bg-page-1" that is not allowed. Just "bg-page-1" is enough. To combine more then one class add soemthing like "bg-page-1 my-class"
body.bbody.bg-page-1 {background: url(../images/bgkachel.gif) 50% 0} {background: url(../images/bgkachel.gif) 50% 0}
I added that to your custom.css
-
-
-
- Minimalist
- Rocketeer
- Posts: 65
- Thanks: 0
-
Many many Thanks for your help Henning!
How can i change the Background Image for all pages with custom styles?
I tried to add background: url(../images/demo-bg.png) 50% 0 repeat-x;...
-
-
-
- Minimalist
- Rocketeer
- Posts: 65
- Thanks: 0
-
Hi Henning,
could you explain how i can add the image for all pages?
Thanks a lot!
-
-
-
- Minimalist
- Rocketeer
- Posts: 65
- Thanks: 0
-
In which stylesheet do i have to ad this to set a default background for all pages?
html body.bg-gradient {background: red url(../images/bggradient.jpg) repeat-x;}
-
Time to create page: 0.063 seconds