Change Slider Image Height

Hi Inkthemes,

I used this code to remove slide entry and next/previous icons:

#slides a.next {
display: none;
}
#slides a.prev {
display: none;
}

.slide .slide-content.entry {
display: none;
}

Then I changed the height of slides as follows:

.slide-img {
height:200px!important;
}
.slide-fix{
height: 210px!important;
}

.slider-container {
height: 250px!important;
}

.slides_control {
min-height:248px!important;[/FONT]
}

Is this correct?
I appreciate your comments.

R.

 

Hello,
Yes, the above code will work fine, only you have to remove "[/FONT]" from that code.
Paste the code like given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.slide-img {
height:200px!important;
}
.slide-fix{
height: 210px!important;
}
 
.slider-container {
height: 250px!important;
}
 
.slides_control {
min-height:248px!important;
}
 

 

Thank you Piyush,

I think I have to change the the height for the following media setting in order to change the slide image size for tablets and other devices:

@media only screen and (min-width: 768px) and (max-width: 960px)

@media only screen and (min-width: 480px) and (max-width: 767px)

@media only screen and (max-width: 480px)

Am I correct?

Thank you
R.

 

Hello,

Yes, for the media devices you can use that media code.

See the link given below for more detail.
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/