Hi Nazreen,

Please use this CSS line:

.jumbotron { margin-bottom: 0; }

You're welcome.

Hi,

You can't simply increase the height of the slider with CSS. The slider images get cropped on the fly. You can adjust the images sizes by installing the child theme and copy paste the add_image_sizes from the functions.php file in to the child theme functions.php file and define your custom size.

According to your message 'I would want it to be full image', you probably mean a full screen slider? Our slider is custom built and don't have that many options because we want to keep is as light as possible. If you really need a slider with offer such options I recommend to take a look at Revolution Slider or Layer Slider which have more options and controls. Downside of these sliders is that they enqueue a ton of scripts which will make your website a lot more heavy.

Let me know if you needs any help or have any questions.

Yes with some CSS you can add top padding: 

.jumbotron { padding-top: 50px; }

If you add padding to push the slider below the header widget bar you can set the 'Header Overlay' setting to No Overlay via Appearance > Customize > Header instead of adding the CSS.

Hi Nazreen

Nevermind, I see that you don't use widgets in the header bar so that option doesn't make sense then. The option was called: 'Widget Bar Position' under the Header panel, excuse me.

I see that there is a padding-top: 0px; added in the theme customizer. If the value is 0 there will not be any visual difference.

The grey color? Do you mean the background color of, for example, this page: http://test.thevioletflamekl.com/index.php/programs/ what you see if the image is loading? You can change that color via Appearance > Customize > Theme Options > Page Header Area > Background Color

Hi, 

You can change it with the following CSS:

.jumbotron { background: red; }

Change red to your own color value.

You can add it via Appearance > customize > theme Options > Custom CSS