Docs

[anncox1289]

To X Support,

When I inspect the slider element, it shows that the size is at 100%. I would like for the slider to span the full width of the screen.

Please advise how to get rid of the white space on the sides of the slider.

[Rue Nel]

Hello There,

Thanks for writing in! Your slider must be set as “Fullwidth” or “Fullscreen” in the slide layout in your slider settings. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[anncox1289]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.home .x-container.max.width.offset {
    width: 100%;
}

Hope it helps 🙂

[anncox1289]

Per other posts, I did this already.

I did this once more per your suggestion.

It still has not worked—there is white space around the right and left sides of the slider.

Anything else you suggest?

[anncox1289]

On a second take, there is a slight difference in the expansion of the slider. However, it still does not reach the full-width of the webpage. How can I make it reach the full-width?

[anncox1289]

Additionally, when I opened the webpage in chrome, the slider has not changed in width at all.

Any other suggestions? It seems as if I am back to square 1.

[Rahul]

Hey There,

Thanks for writing in!

Kindly clear the cache first by using one of the following plugins.

– W3 Total Cache: https://wordpress.org/plugins/w3-total-cache/
– WP Super Cache: https://wordpress.org/plugins/wp-super-cache/

Hope it helps!

[anncox1289]

I have uploaded, installed and enabled the super cache to be turned on with this plugin. I still see no results. Can you please give me another suggestion?

[Joao]

Hi There,

Go to Huge Slider > Select the slider > Set width to 100%

Hope it helps

Joao

[anncox1289]

Hi,

I have done all of this. What you are suggesting by you’re writing is not the flow I am seeing. Are you referring to the width and height fields? If so, what do I set the height to if the width is a percentage? Could somebody please take a closer look at this and give me a solution?

[anncox1289]

To X-Customer Service,

I have tried all of your suggestions. Could you please give me some more?

It would be much appreciated.

[Paul R]

Hi,

To make it full width, you can add this under Custom > Edit Global CSS in the Customizer.

.home .slider_2 .huge-it-wrap,
.home .slider_2,
.home ul#slider_2 {
   max-width:100% !important;
   width:100% !important; 
}

Hope that helps.

[anncox1289]

Please take a look at this image. After adding this, it still does not produce the results that I want.

Can I please have a customer service rep take a closer look at this?

[anncox1289]

Is it contingent upon the pixel size as well even though the width is set to 100%?

[Author]

Posts