Download & Extend

Changing the Slider size

Project:BlueMasters
Version:7.x-1.x-dev
Component:Miscellaneous
Category:support request
Priority:normal
Assigned:Unassigned
Status:needs review

Issue Summary

Hello I'm wondering if one can change the Slider in the bluemasters theme to a smaller size. The problem I have is when I adjust the photo's to fit properly in the slider banner (930x320) they come out looking stretched, I was wondering if their was a way to change the banner slider size then re-format all photos to a better dimension.

Comments

#1

Assigned to:Bsmithwbtv» MJCO
Status:active» needs review

In style.css:

find:

.window {
overflow: hidden;
position: relative;
width: 930px;
height: 320px;
border: 10px solid #ffffff;
}

Change the width: and heigh: values to suit your needs.

find:

.desc {
width: 930px;
display: none;
position: absolute;
bottom: 0;
left: 0;
z-index: 101;
background: url(images/30w087b.png);
color: #fff;
font-size: 1.7em;
padding: 10px;
border-radius: 0 0 3px 0;
-moz-border-radius: 0 0 3px 0;
-khtml-border-radius: 0 0 3px 0;
-webkit-border-radius: 0 0 3px 0;
}

Change the width: value to suit your needs.

There may be other areas to change, but from what I can see this SHOULD do it.

Edit: You may have to resize some images - the background for the ".paging" class in particular.

#2

Assigned to:MJCO» Anonymous

Hi

I am fairly new to Drupal and I am attempting to build my first website. So far I have managed to extract the code for the slider and implement it into a block so that I can add several customised slideshows to my website on basic pages. I did this using this solution:

http://drupal.org/node/1388404

However whenever I change the width of the slider in the .css file to fit the size of my pictures (500x320px) some of my pictures stop displaying, not all of them. However when these same images are resized to the standard 930px width then it all works fine. Any help would be much appreciated.

Thanks in advance

nobody click here