SKT Startup Pro Theme slide image resolution

[Dheeraj]

Hi,

Theme – SKT Startup Pro

I want to change the default resolution of sliders from 1400 * 746 to 1400 *300.
Now after change there is some empty space coming below images, how to remove it.. thanks

Site Link – www.360skills.in

Thanks
Dheeraj

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#slider { min-height:285px !important;}

Regards,
Dave

[Dheeraj]

Hi, It worked. thank You.

Can we get the Text (Title, Description, Read More, URL) Below image i.e below image… out of 1400 * 300.
On Image the text is not much visible..

[Sonl Sinha]

Hi,

Remove

#slider { min-height:285px !important;}

And add

#slider { min-height:440px !important;}

Regards,
Dave

[Dheeraj]

Hi Dave,

Thank you for quick revert.
it is now working fine on desktop but a lot of space is coming on mobile screen / small screen.

Thank you in advance.

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
#slider { min-height:236px !important;}
}

@media screen and (min-width:480px) and (max-width:767px) {
#slider { min-height:251px !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
#slider { min-height:300px !important;}
}

Regards,
Dave

[Dheeraj]

Hi Dave, Thanks.

Do we need to add more such ranges. on some screens it is still overlapping or space is coming up..
on my mobile space is still there and also rotating circle is coming up.

Thanks.

[Dheeraj]

Hi Dave , waiting for your suggestion/ workaround on same.

Thanks
Dheeraj

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
#slider { background:none !important;}
}

Regards,
Dave

[Author]

Posts