Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1411408

    anncox1289
    Participant

    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.

    #1411881

    Rue Nel
    Moderator

    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.

    #1413674

    anncox1289
    Participant
    This reply has been marked as private.
    #1413875

    Thai
    Moderator

    Hi There,

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

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

    Hope it helps 🙂

    #1414917

    anncox1289
    Participant

    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?

    #1414925

    anncox1289
    Participant

    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?

    #1414967

    anncox1289
    Participant

    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.

    #1415082

    Rahul
    Moderator

    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!

    #1415147

    anncox1289
    Participant

    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?

    #1415272

    Joao
    Moderator

    Hi There,

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

    Hope it helps

    Joao

    #1415295

    anncox1289
    Participant

    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?

    #1415492

    anncox1289
    Participant

    To X-Customer Service,

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

    It would be much appreciated.

    #1415993

    Paul R
    Moderator

    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.

    #1416318

    anncox1289
    Participant

    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?

    #1416329

    anncox1289
    Participant

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