How to increase the width of the header widget / embedded slider?

[Jalinous]

Jalinous

October 9, 2018 at 10:30 pm

Hi Ben,

I closed the previous topic to avoid any confusion.

I am using Virtue Premium.
I have embedded a slider in the header widget.
The slider is a Kadence Slider.
Under Slider Settings for this header widget slider, I have the following settings:
Slider Grid Height: 300px;
Slider Grid Width: 1329px;
Full Width is set “on”;
full height is set “off”

The css code I am using for the header widget is as follows:
.kad-header-widget {
margin-top: -46px;
margin-bottom: -49px;
height: 300px;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
float: center;
}

Here is a screenshot of the website:
Screenshot

The link to the website is:
Link to the website

All I need for now is the css code to increase the width of the header widget/ slider.
I used a chrome extension to measure the current width of the slider and it tells me that it is 1140px; I would like to increase the width of the slider/ header widget to 1300px.

Thanks a lot for the help,
Jay