I want to redue the width of the slide images into half and place a block next to it. Can somebody help with the coding. I saw i can edit front template. But don't know where to begin!!!

Comments

crocomoose’s picture

You need to change the slider dimensions in style.css

Right around line 570, you'll see the width and height of the actual slider.

#slider {
  position: relative;
  width: 930px;
  height: 350px;
  margin-bottom: 40px;
}

You can tweak it here. You'll also want to do the same a bit lower down (line 580, I think), at this code:

.window {
  overflow: hidden;
  position: relative;
  width: 930px;
  height: 320px;
}

The widths should be the same, and the first height (#slider) should be 30px greater than the second (.window)

I'm not so sure how to reposition the slideshow, but it probably has to do with the position property in those lines

gabocharrua’s picture

Thanks, it works for me!

tibezh’s picture

Issue summary: View changes
Status: Active » Closed (works as designed)