Hello,

I would like to add a background color to a views_slideshow.

i tried adding the following to my theme's style .css file, but it didn't work. Any ideas?

.views_slideshow_no_display,
.views_slideshow_hidden {
  display: none;
  background-color: #f9f6dc;
}

Comments

MandrakeTheMagician’s picture

MandrakeTheMagician commented

I think you have to use a div wrapper, as the ones you use are "display:none" so you hide the divs and then you can't see the background color.

.views_slideshow_wrapper
{
width: 100px;
height:100px;
background-color:#f9f6dc;
}

.views_slideshow_no_display,
.views_slideshow_hidden {
display: none;
}

html:
div class="views_slideshow_wrapper"
div class="views_slideshow_no_display"
/div
div class="views_slideshow_hidden"
/div
/div

(i removed the < and > it seems I can't post html)

gracearoha’s picture

gracearoha commented

thank so much for the code. sorry to be such a pinhead, but where do i put the html code?

MandrakeTheMagician’s picture

MandrakeTheMagician commented

you got to create a new content type.
Create a node including your image.

Go in contemplate and put your html code in the teaser part using the variables provided by contemplate.
In this case you should wrap your html with a class id . Then in style.css, mark up this code using #yourclassid .yourclass_hidden { }

add several nodes with images to watch your slideshow.

Don't forget to create a new node.yournewcontenttype.tpl.php using inside only your div class="yourclassid" surrounding the classic "print ... $content

redndahead’s picture

redndahead commented
Status: Active » Fixed

Marking as fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.