SKT Repair Man

[Henry Mason]

Okay I’m using this theme and was wondering how to resize the base slider image sizes so that it wasn’t so tall and pushes all my content below the fold of the page?

Is this something you can guide me to do or where I need to start looking to make these changes to maybe set the slider size to 300 or 400 high and max width for container.

Or should I use one of the add on sliders? I prefer to use the skt slider if at all possible.

Thanks

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.nivoSlider { height:400px; min-height:400px !important;}

Regards,
Dave

[Henry Mason]

Thank You,

That worked perfectly to scale down that huge slideshow on the front page.

[Sonal S Sinha]

You are welcome 🙂

Regards,
Dave

[Henry Mason]

Okay I have to reopen this issue to maybe resolve a new problem I didn’t realize it created at first.

When I added the css you suggested it did solve the problem of the giant slider space it was taking up but it pushed the title, description and button below the header and created a white space below the slider with a spinner icon spinning and rotating the slides except the title and descriptions were under the slider image. Is there a solution for mobile to go with that css slider resize solution so that it don’t create this extra element on mobile devices?

[Sonal S Sinha]

Hi,

Kindly use this CSS to fix mobile issues.

@media screen and (max-width:767px) {
.nivoSlider { height:auto; min-height:100px !important;}
}

Regards,
Dave

[Author]

Posts