Vibe Themes

background image problem

Started 11 months ago by Latest reply from

This topic is resolved

1. 

   Anonymous
   Unregistered

   Reputation:7

    

   I want to put the slideshow on top of a woodgrain background. I thought it would be as simple as putting [vslider name="abc"] into a div, but it hasn't turned out to be that way.

   Here's the code I have right now:

   HTML
   <div id="slide">[vslider name="homeslideshow"]</div>

   CSS
   #slide{
   margin-top:-24px;
   background:url(http://www.campmikell.com/NEWSITE/wp-content/themes/atahualpa/images/ss-background.jpg)no-repeat;
   height:500px;
   }

   #homeslideshowcontainer{
   margin-top:50px;
   }

   My hope was that the slide div would move up just underneath my menu (which it does) and that I could center the slideshow on the woodgrain. That last part is the part that isn't working. The woodgrain and slideshow are moving as a single entity for some reason. Any thoughts on how to get the slideshow to move independently of the background? Thanks!

   Here's the URL: http://campmikell.com/NEWSITE/

   Posted 11 months ago #
2. 

   Anonymous
   Unregistered

   Reputation:7

    

   ok so when I do this

   #homeslideshow{
   margin:0 0 0 175px;
   }

   The slideshow moves to the right, but when I add a top value, it does nothing....

   Posted 11 months ago #
3. 

   Mr.Vibe
   Key Master

   Reputation:225

    

   Use container margins in vslider->more Vslider Settings:
   set them to:

   -46px 0 0 0

   should do the trick.

   Hope this helps!.
   (v)

   Posted 11 months ago #
4. 

   Anonymous
   Unregistered

   Reputation:7

    

   Before I saw that you'd posted this, I just put the slideshow in a table and set the image as the table background. But thank you!

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.