Different BG for each page

Different BG for each page was created by trogladyte

Posted 3 years 2 months ago #59322
Hey Dec

I have a site I'm taking over and rebuilding in Joomla. www.milesmwp.com/ As you can see, almost every page has a different BG. Now I know I can make a separate template for every page but that seems pretty insane! Is there another way I can do this? Perhaps with some PHP to select a certain image and insert in the base template?

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Different BG for each page

Posted 3 years 2 months ago #59323
Hi
you can use the body css class to change the background on the selected page
each page has some specific css classes that you can use and put the css code in parameters >> custom css

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by trogladyte on topic Different BG for each page

Posted 3 years 2 months ago #59325
OK, I'm assuming you mean in each articles Parameters --> Custom CSS?

I added:

body {
background: url(../images/wrestlers.jpg) center center no-repeat scroll!important;
}

Then without the !important, and then without body{ and }, but nothing showed up. What did I do wrong?

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Different BG for each page

Posted 3 years 2 months ago #59327

I'm assuming you mean in each articles Parameters --> Custom CSS?

no, into Template Creator CK >> your template editino >> Parameters --> Custom CSS
www.template-creator.com/fr/documentatio...-add-some-custom-css

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by trogladyte on topic Different BG for each page

Posted 3 years 2 months ago #59330
So add something like:
body-main {
background: url(../images/wrestlers.jpg) center center no-repeat scroll;
}

and

body-hurt-locker {
background: url(../images/wrestlers1.jpg) center center no-repeat scroll;
}

etc, for each page with a different BG.

to the template. How do I then assign that to a specific article? Or have I still got it wrong?

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Different BG for each page

Posted 3 years 2 months ago #59331
this is not a template creator related question
this is related to Joomla and CSS

give me the url of a page where you want to show your image

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.656 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1130 guests and no members online