Joomla Templates Club 406,261 posts

[walterandreed Friend walterandreedJoin date: August 2010Posts: 5Downloads:0Uploads:0 Thanks: 5]

#158322

I was wondering how I could place a custom image under the banner in Ja_droid, I want to create a ‘shadow effect’. Is it going to be another custom module w/ absolute positioning?

Any advice is greatly appreciated

I attached a pic for any clarification that may be needed

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#370243

1) You can first adjust height as suggested here::

http://www.joomlart.com/forums/topic/reduce-droid-slideshow-height/

which would give you room/space below slideshow images for shadow image to appear

2) Now, Change this::

#ja-slideshow {mod_ja…ow2.css (line 15)
border-top: 1px solid #000000;
overflow: hidden;
position: relative;
z-index: 10;
}

to

#ja-slideshow {mod_ja…ow2.css (line 15)
background: url(“../images/shadow.jpg”) no-repeat scroll 0 100% #000;
border-top: 1px solid #000000;
overflow: hidden;
position: relative;
z-index: 10;
}

and update image path accordingly

[Author]

Posts