Adding image to bottom of RokGallery?

69 views
Skip to first unread message

Laura Sage

unread,
Nov 3, 2011, 1:33:23 AM11/3/11
to gantry-framework...@googlegroups.com

Hi again,

So, I’m trying to add a basic drop-shadow image to the bottom of the RokGallery slideshow (Dark) layout, but it’s just not showing up.  I’ve put it in the default.php file.  Should it be somewhere else?

 

Thanks in advance.

 

Here’s the development site:  http://www.yourbusybee.com/sparc/

 

~Laura Sage

 

J2 Studio

unread,
Nov 3, 2011, 1:50:11 AM11/3/11
to Gantry Framework for Joomla Users
Is the image path correct/missing (http://www.yourbusybee.com/sparc/
dark/images/simple_bg.png)? I see a rectangle at the bottom right of
the showcase. Also missing the donate.gif (fyi)

Laura Sage

unread,
Nov 3, 2011, 2:04:22 AM11/3/11
to gantry-framework...@googlegroups.com
Thanks! I'd just put the URL the same as in the CSS file, not realizing it
would be different here. I now have the full path. I'm still not sure why
it's sitting to the right, however. I would prefer a way to style it so it
appears directly at the bottom of the slideshow, but I'm missing it somehow.
Maybe I'm just too tired right now?

Yep, I'm aware of the missing donate button. I just changed the icons to
"Tiny" and hadn't created one of those for the donate button yet. Next on
the list ;-) THANKS!

~Laura

Limpet

unread,
Nov 4, 2011, 10:56:58 PM11/4/11
to Gantry Framework for Joomla Users
The shadow image is off to the right because the div containing the
image is still "inline" with the divs containing the RokGallery. What
I would do is add change the css to add padding-bottom to the
RokGallery div and then background-image to show the shadow. However
when I actually tried that with Firebug, I found that the padding for
the rt-block div is preventing the background from lining up properly.
Same applies to any divs within it.

Right now, it seems you need to make the following changes to your
css:

.rg-ss-container {margin: -30px -25px 0;} This will allow your div
containing the shadow to slide back under the gallery.

Then style your div containing the shadow image to have margin-left:
-25px;

It seems to work for me in Firebug, so however you want to make the
changes yourself.

Good luck.
Reply all
Reply to author
Forward
0 new messages