Joomla Templates Club 406,261 posts

[dcross02 Friend dcross02Join date: December 2010Posts: 55Downloads:43Uploads:10 Thanks: 10 Thanked: 1 times in 1 posts]

#183484

I would like to have to different background images — one for the left side of the page and one for the right. I know the original image is located in the template.css here:

body#bd { background: url(../images/body-bg.gif) repeat-x left top #252627 color: #6c6c6c }

Does anyone know how I could keep the original image and add a different one to the right side?

My temporary site is at http://www.demoflights.com . The image just needs to be flipped so the edge is black on the far right side too.

Thanks for any help!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#477844

I’m not sure where you would like to add background on your site. But you can do that, see the screenshot structure html on your site

---

Attachments:

1. 

[dcross02 Friend dcross02Join date: December 2010Posts: 55Downloads:43Uploads:10 Thanks: 10 Thanked: 1 times in 1 posts]

#477885

I understand that I can add backgrounds, but in this case, I need to add an additional image to the same area. See the attached graphic. I want the left side and the right side to use different images.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#478056

You can add background on here
<blockquote>Open modules/mod_jaslideshow/assets/themes/ja_orisite/style.css file</blockquote>
from

#ja-slideshow {}
change to

#ja-slideshow {background:red;}

[dcross02 Friend dcross02Join date: December 2010Posts: 55Downloads:43Uploads:10 Thanks: 10 Thanked: 1 times in 1 posts]

#478459

That only changes the area directly to the left and right of the slideshow. I’m not sure if you’re understanding what I’m trying to do. Attached is another screenshot.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#478668

You could not change on image on right as same your screenshot but you can add new position on here by:

+ Login administrator=> template manager => layout => choose default layout and add <block name=”adv_right” type=”modules”>adv_right</block> => save

+ Open module manager => create custom html module (with image here) and adv_right postion and adv_rightclass suffix

+ Open templates/ja_orisite/template.css file
add new script

.moduletable.adv_right,
div.ja-moduletable.adv_right{
width: 200px !important;
height: 200px !important;
position: absolute !important;
right: -200px !important;
border: solid 1px blue !important;
top: 0px;
}

[Author]

Posts