Different BG for each page

More
4 years 1 month ago #59322 by trogladyte
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.

More
4 years 1 month ago #59323 by ced1870
Replied by ced1870 on topic Different BG for each page
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

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

More
4 years 1 month ago #59325 by trogladyte
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.

More
4 years 1 month ago #59327 by ced1870
Replied by ced1870 on topic Different BG for each page

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

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

More
4 years 1 month ago #59330 by trogladyte
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.

More
4 years 1 month ago #59331 by ced1870
Replied by ced1870 on topic Different BG for each page
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

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

Time to create page: 0.217 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 714 guests and no members online