Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1295537
    r_c_
    Participant

    Hi there. After updating the layer slider the latest from the theme my front page slider is not off enter and squiffy! I will add further details in a private reply now, thank you.

    #1295538
    r_c_
    Participant
    This reply has been marked as private.
    #1295719
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .vc_column_container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .ls-overflow-visible {
        overflow: hidden !important;
    }
    .vc_column_container>.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    Let us know how this goes!

    #1295745
    r_c_
    Participant
    This reply has been marked as private.
    #1296000
    Jade
    Moderator

    Hi there,

    Please add this code:

    .ls-wrapper {
        left: 0 !important;
    }
    
    html .ls-container, body .ls-container, #ls-global .ls-container {
        width: 100% !important;
        margin: 0 auto !important;
    }

    Hope this helps.

    #1298000
    r_c_
    Participant
    This reply has been marked as private.
    #1298032
    Christopher
    Moderator

    Hi there,

    Your slider is displaying fine, please see the attachment. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    Thanks.

    #1298466
    r_c_
    Participant
    This reply has been marked as private.
    #1299033
    Paul R
    Moderator

    Hi Richard,

    To fix it, you can add this under Custom > CSS in the Customizer.

    
    @media (max-width:1350px) {
    .home .ls-wrapper.ls-in-out {
        left:0 !important;
    }
    
    .home .ls-wp-container.fitvidsignore.ls-v5 ls-container.ls-fullwidth {
        margin: 0 auto !important;
        width: auto !important;
        
    }
    }
    

    Hope that helps.

    #1299691
    r_c_
    Participant

    Hi Paul, thanks for the code.

    Unfortunately it doesn’t seem to change anything (with or without the extra code suggested before in there as well).

    Regards,
    Richard.

    #1300155
    Paul R
    Moderator

    Hi Richard,

    Upon checking, I can see there are syntax errors in your css code.

    There are missing } and double dots.

    See Video – http://screencast.com/t/EzuBxQHM2

    #1300245
    r_c_
    Participant

    Hi Paul. Ah curious! I was pasting the code in from the email the forums sent out upon reply. Looks like either your or my client is adding some quirky formatting to the code. I’ll re paste directly from the forum here now and in future.

    fyi I have attached a screenshot, I am using mail.app one the mac.

    Thanks,
    Richard.

    #1300250
    Paul R
    Moderator

    Hi Richard,

    Thanks for letting us know.

    I will forward this to our web development team for review.

    #1300275
    r_c_
    Participant

    Hi Paul, I just double checked for the double periods and missing brackets. Seems all ok but the issue still remains. The first slider is mostly ok, the second and third are off centre and unconfined. Also in mobile and within the x-theme customiser preview the slider extends to the edge of screen.

    I have also purged the cache and there was a small update to layer slider which hasn’t seemed to help either.

    Thanks again,
    Richard.

    #1300432
    Paul R
    Moderator

    Hi Richard,

    There is still one missing } in your css code.

    I went ahead and added it.

    Kindly check on your end.

    Thanks

  • <script> jQuery(function($){ $("#no-reply-1295537 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>