Adding a background image to a specific section in template
-
-
- Jeffrey Leitch
- Newbie
- Posts: 9
- Thanks: 0
-
Dear Support
I am using the Clarion Template in Joomla 3 and wish to replace the plain background in the showcase section with an image (area surrounding the rotating banner). I tried modfying the #rt-showcase style in my custom css file to include the background but it had no effect. Using the Inspect element tool in Chrome shows that my change was uploaded but not recognised. I suspect it might be getting overridden by the preset style but I cannot locate which file the presets occur in. Not even sure if that's the cause. The URL in question is www.efika.com.au/build/ . Could you please offer assitance?
Many thanks, Jeff
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
-
this is winning right now:
.bgstyle-triangles-light {
background: #eee url(../images/main/light/backgrounds/triangles.png);
}
just create a new style targetted at the body tag
body {
background: url(/path/to/file.png);
}
and you could specify a fallback color similar to the #eee above - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Jeffrey Leitch
- Newbie
- Posts: 9
- Thanks: 0
-
Thanks for the reply. My request was actually to replace the background specifically in a particular section, not the entire body background. If I was to follow those instructions it appears the entire page would have a new background, whereas I only with to add an image behind the upper section with the rotating banner.
If you know how to target that section and where to locate the relevant css files, that would be great.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
-
your site is offline...
so what background do you want to chage? the entire background in #rt-showcase or just the background INSIDE the slider? the BG inside the clarion slider is an image simply set in the RS Module... - Last Edit: 11 years 1 month ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Jeffrey Leitch
- Newbie
- Posts: 9
- Thanks: 0
- I am asking about #rt-showcase. I already know how to change images in the slider. I want the new background image to fill all the space surrounding the slider but within #rt-showcase.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22306
- Thanks: 3229
- messin' with stuff
-
#rt-showcase {
background: url(/path/to/file.png);
} - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.072 seconds