Home Forums Weaver Show Posts & Show Sliders Header Sliders stacked now

Viewing 10 posts - 17 through 26 (of 26 total)
  • Author
    Posts
  • #73882
    scrambler
    Moderator

    Here is a simpler way to proceed.

    1- Delete the second text widget with all the slider stuff

    2- Create a new text widget and put the two metaslider shortcodes below in it

    [metaslider id=1439]
    [metaslider id=1798]

    3- Then add the following CSS to the theme Global Custom CSS Rule box.

    #metaslider-id-3228 {width:64%;float:left;}
    #metaslider-id-1798 {width:36%;float:left;}

    That will make both slider side by side with the same height

     

    #73883
    funtimes
    Participant

    Just read about the CSS for 2 sliders.

    ONLY the two shortcodes below, NOTHING else     OK

     

    Header HTML content: is now blank

    Deleted metaslider

     

    #73884
    scrambler
    Moderator

    “Deleted metaslider”

    What do you mean??

    What I gave you is meant to use the two sliders you created. if you delete them, then there is no point….

    #73885
    scrambler
    Moderator

    It looks like the code is cleaned up, so adding my two CSS rules below in the theme Global Custom CSS rule box should create the side by side layout

    #metaslider-id-3228 {width:64%;float:left;}
    #metaslider-id-1798 {width:36%;float:left;}

    #73886
    scrambler
    Moderator

    One more tweak will be needed once they are side by side

    The metaslider contain a CSS rule for max-width:800px that limits the width of the first one.

    Ideally you want to remove that, so check in the slider settings if this is an option you can remove or change to a large value

    #73887
    funtimes
    Participant

    Are you sure it s/be 1439 and not 3228?  I believe 1439 was a trashed/deleted slider.

    I did make the changes but not working.

     

    The slider pages have “3228” and “1798” with the ”  Does that make a diff?  Altho these are meta sliders and I deleted meta.  don’t want to use them.  Can I just use Weaver page codes? instead of

    [metaslider id=”1798″]

    #73888
    scrambler
    Moderator

    The CSS rule slider number need to match the slider number you are using and that you are inserting as shortcode.

    Right now you put in

    [metaslider id=3228]

    [metaslider id=1798]

    And these slider do not produce any results, so either they do not correspond to existing sliders, or you deleted metaslider…..

    #73889
    scrambler
    Moderator

    If you deleted Meta, then the rules I gave you are useless, you can remove them and you can remove the shortcodes in the text widget.

     

    #73890
    funtimes
    Participant

    Going to try the other slider.

    #73891
    scrambler
    Moderator

    Once you have the two new sliders inserted, post back and I will look into new CSS to make the side by side

Viewing 10 posts - 17 through 26 (of 26 total)
  • You must be logged in to reply to this topic.