White Space under slidder

[Mark]

Hi there,

I have the SKT White theme, and have created the sliders for the main page, but there is a huge white space under the slider. How do I reduce this?

Also, when I resize the browser window, my slider resizes correctly, but the text and buttons dont, and get chopped off. Is there a way to fix this too?

thanks

Mark

[Sonl Sinha]

Hi Mark,

Kindly show us your website URL.

Regards,
Dave

[Mark]

Hi Dave,

site is http://test.smikar.com

Thanks again

Mark

[Sonl Sinha]

Mark, Your website images appears broken. Kindly check and confirm.

Regards,
Dave

[Mark]

Hi Dave,

Sorry for the late reply. Site is up now, is there anything you can recommend to remove the space under the slider image?

Also, when resizing the browser (ie making it smaller) the text in the slider cant be read as there isnt enough room.

Thanks

Mark

[Sonl Sinha]

Hi Mark,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.slider-main{height:auto !important; min-height:285px !important;}

My suggestion on this to make slider images height little bit larger so that slider description doesn’t cut.

Regards,
Dave

[Mark]

Thanks Dave,

That worked perfectly. Ill play with the image sizes further.

One other thing, how do I change the drop down menu colour from the light gray to black?

thanks again

Mark

[Sonl Sinha]

Hi Mark,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.header .header-inner .nav ul li:hover > ul{background:#000000 !important;}

Regards,
Dave

[Mark]

HI Dave,

doesnt seem to work. I have the following in the custom css box

.slider-main{height:auto !important; min-height:285px !important;}
.header .header-inner .nav ul li:hover > ul{background:#000000 !important;}

Is there something that I am missing?

thanks again

Mark

[Sonl Sinha]

Hi Mark,

Try this hope it works:

.nav ul li ul{background:#000000 !important;}

Remove this code .header .header-inner .nav ul li:hover > ul{background:#000000 !important;} from custom css box.

Regards,
Dave

[Author]

Posts