Changing the default Container Slider size

Hello,
I am using a Colorway PRO version for my website.
http://sjachapel.org/

I was wondering if there is a way to change the default slider container from 897px width x 355px height to something like 900 x 600 or even longer (lengthwise) without upsetting the page??

I have tried to resize all my images/photos to fit this default size but I find this size simply constraining, unacceptable and too constricting. The slide images looks flat, squeezed and totally unattractive no matter how nicely the photos are taken.

Please advise!

 

Hello,

It is not possible to increase the width of slider, but if you want to increase the height of slider then,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.slider-container {
height: 500px!important;
}
.slide-img {
height:500px!important;
}
.slides_control {
min-height:498px!important;[/FONT]
}
.slide-fix{
padding-bottom:48px!important;
}

Adjust its value as per your requirements.


Thanks & Regards
Gourav Shrivastava

 

Hi Gourav, Thank you for the tip.
However I already have this line of customization code in there:
See below.
Can I add those snippet you mentioned in this tread under that?




.content-info h1.title {
font-size: 6px;
}

 

Hello,

Yes, you can add them under the code provided by you.
You can put the code as given below in the custom css section.

Code:

.content-info h1.title {
font-size: 6px;
}
.slider-container {
height: 500px!important;
}
.slide-img {
height:500px!important;
}
.slides_control {
min-height:498px!important;
}
.slide-fix{
padding-bottom:48px!important;
}

 

I adjusted the container size and the page looks much much better!
Thank you, however can you please tell me what these code snippet do?

http://sjachapel.org/



.slides_control {
min-height:498px!important;
}
.slide-fix{
padding-bottom:48px!important;
}

What I was wondering was: whether the slide controls can be moved slightly lower so there is a space between the bottom of the image and the radio buttons? It looks too close as it is right now... thanks again.

 

Hello,

The code given below is providing the minimum height for the slider frame.

Code:

.slides_control {
min-height:498px!important;
}

The code given below is creating the bottom space for slider frame.

Code:

.slide-fix{
padding-bottom:48px!important;
}