Forum Support

Shape 5
December 02, 2021, 10:17:28 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Specify multiple image backgrounds  (Read 400 times)
tori033
Jr. Member
**
Offline Offline

Posts: 3



« on: March 13, 2014, 04:39:06 AM »

Hi,

I'm using Joomla 3.2.

I see that I can set a specific background image in the template options but I would like to have various (specific) backgrounds depending on where you are on the site.

In some of my other web sites I have achieved this by adding a class (e.g. myClassName) on the Menu Item > Page Display > Page class and adding the background image via CSS like this:

body.myClassName {background: url(../images/backgrounds/myBackgroundImage.jpg) top center no-repeat background-size: 100% }

However if I do this in the Oasis template the Page Class is not added to body but to a div inside component_wrap_inner.

Is it possible to work around this and be able to specify classes on the body element? Or any other way?

Thanks.
« Last Edit: March 13, 2014, 04:43:00 AM by tori033 » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: March 13, 2014, 07:17:05 AM »

Hello,

The only way you could change backgrounds on specific pages is to make multiple template styles in the template manager and then assign specific styles to individual pages.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tori033
Jr. Member
**
Offline Offline

Posts: 3



« Reply #2 on: March 13, 2014, 07:35:37 AM »

Thank you for the quick feedback on this.
At least there's an alternative then even if it's a bit fiddly.
Logged
clw888
Jr. Member
**
Offline Offline

Posts: 15



« Reply #3 on: March 13, 2014, 11:01:34 AM »

Mike makes sense 99% .9 of the time,listen to Mikey. but did you say , "specific background image" , you mean change image, well, that is not changing the template in Oasis, the front page "IMAGE" , the big one, , that Image?Huh Why not just set - copy your module to the page you want, and make a "new image" that way, but if you say you want a different "template" look, Yea, mike has it, : Question: why in the world are you trying to re-code the template script to get a change of an "Image"Huh?
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #4 on: March 13, 2014, 11:29:01 AM »

Hello,

They are not trying to alter the template, the suggestion I posted above will work.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
tori033
Jr. Member
**
Offline Offline

Posts: 3



« Reply #5 on: March 13, 2014, 05:17:37 PM »

Mike makes sense 99% .9 of the time,listen to Mikey. but did you say , "specific background image" , you mean change image, well, that is not changing the template in Oasis, the front page "IMAGE" , the big one, , that Image?Huh Why not just set - copy your module to the page you want, and make a "new image" that way, but if you say you want a different "template" look, Yea, mike has it, : Question: why in the world are you trying to re-code the template script to get a change of an "Image"Huh?

I think you got me wrong. The template allows the use of a background image but it has to be the same image on all pages and I wanted to have different background images depending on which page you are on. I have done this in other templates via CSS (without re-writing any template code) and was looking for a similar solution.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #6 on: March 13, 2014, 05:27:38 PM »

Hello ,

The only way to accomplish this would be as Mikek said. Adding additional Template Styles and assigning them to specific Menu Items will allow you to add alternate styling for specific pages.

-Mike
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.