Smaller image sizes in Slideshow

zmand13

Hi Pavit,

I will probably use smaller image sizes for Slideshow from those you recommended on the demo website. But in that case I am faced with two problems:
1. the the size and the position of the Title and the Description displayed on the Slideshow becomes inappropriate. How can I change the size and position of Title and Description? I know I can create custom.css but I am not sure what to put inside.
2. predetermined box size for the slideshow remains at the default value regardless on the image size which does not look nice since some grey space remained on the Home page. Please check the second image here: http://www.iapchem.org/rsesee_dev_qs/index.php.

Best,

Zoran

pavit

zmand13 I will probably use smaller image sizes for Slideshow from those you recommended on the demo website.

You should use always same images sizes for your slideshow , 2nd problem you are facing is due to the first image dimensions -

So my suggestion in your case is :

1) Choose first images for your slideshow - ( all same dimensions )
2) After you added images we can then move description box and pagination buttons in the appropriate way adding custom code to custom.css file.

Regards

zmand13

Thanks Pavit!
We've chosen the 1920x750 to be most appropriate.
What we need now is how to control:
1. font size and font color of the title text
2. font size and font color of the description text
3. button size
4. Position of the above on the slideshow.

Would it be possible to make the images in the slideshow automatically change every couple of seconds or so? Now users must click those pagination buttons for the image to change.

Zoran

paulus1031

Hi Zoran,

.slider-content-inner h1 {font-size: 60px;}
1.1 .acm-slideshow .owl-carousel .slider-content .slider-content-inner > h1 { color: #ffffff;}
.acm-slideshow .owl-carousel .slider-content .slider-content-inner > p { color: rgba(255,255,255,0.8); font-size: 20px;}
Buttons size - I'm assuming you mean space to the top, right,bottom and left of the button which is the padding
.slider-content-inner .btn-lg {padding: 13px 40px;}
Not sure which area you mean with above on the slideshow

All the css values are the current css

paulus1031

1 is the font size of the title text
1.1 is the font colour of the title text
2. is the font size and colour - the colour is white but with it being rgba it has a transparency value which is 0.8 to remove the transparency add the style instead of 0.8 use 1
3. as above to change height change the 13px and to change left and right space change the 40px

Cheers
Paul