Fix slider height

Sparkling
1

I’ve been told to rewrite my query as a new topic (see https://colorlibsupport.com/t/slider-changing-size/#post-93227) so here goes.

How do you set/fix the slider height so that the page doesn’t jump up and down with different featured image sizes? I’ve just had another look and now it seems to be fixing itself to the height of the largest image it has to use. Here’s my example site to show you what I mean -
http://www.jocando.co.uk/OMEP/

It’s workable by fixing all the image sizes in an editor in advance, but when I’ve used sliders before in other themes (or slider plugins) there’s usually an option to set the height.

Is this possible, please?

I also want to change the background colour of the text used in the slider. I’m guessing I’ll have to do this in CSS, but if there’s an easier option please let me know. Is there a way to access more of the slider options?

Thanks in advance for any help you can give with this.

2

Hi @jocando,

I hope you are well today and thank you for your question.

The recommended image width for the slider is 1920px X 550px so please make sure your slider images are at least of size 1920px X 550px

Also use the following plugin to regenerate thumbnails on your site.

You can change the slider text color by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

.flex-caption h2.entry-title {
  background: #CEE213;
  background: rgba(206, 226, 19, 0.7);  
}

.flex-caption .excerpt {
    background: #fff;
    background: rgba(256, 256, 256, 0.8);
    color: #000;
}

You can change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin