Navigation
Archive / Slider Revolution: how to add several images at the same row
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • February 13, 2017 at 8:24 pm #1369876
    educainventions
    Participant

    I want to add several logos in the same line. I have been using the ADD ROW possibility.

    Unfortunately it breaks the logos into several lines on mobile. I have not found a way to disable that feature (see image attached).

    How could I accomplish that behaviour? I just want several logos in the same line automatically resized depending of the device’s size.

    February 14, 2017 at 2:27 am #1370139
    Christopher
    Moderator

    Hi there,

    Please change number of columns to one, add a text element and insert logo images side by side.

    Hope it helps.

    February 16, 2017 at 3:33 am #1373283
    educainventions
    Participant

    Thank you. Do you mean that there is not a way to do it through the GUI, so the way would be add a text and HTML element. Then type something like the following inside:

    <img src="http://www.mysite.com/email/images/photo1.gif" />
<img src="http://www.mysite.com/email/images/photo2.gif" />

    Is that what you mean?

    Thanks

    Carlos

    February 16, 2017 at 7:49 am #1373520
    Christian
    Moderator

    Would you mind providing us with more insight on what you’re trying to achieve? Are you looking for a carousel type slider. If so, please see https://www.themepunch.com/revslider-doc/slider-setup/#slidertype

    Thanks.

    February 17, 2017 at 2:01 pm #1375468
    educainventions
    Participant

    I’m not sure if I want a carousel type slider. I want a full width carousel, and the carousel of the link does not seem to be a full width one.

    I want a carousel like the one of http://www.educainventions.com (below the text “Reconocimientos”) with a change: I want the images are broken to a new line on mobile each two images (see the drawing I have attached).

    I hope you can understand it. Let me know if not! 🙂

    February 17, 2017 at 11:37 pm #1375971
    Rad
    Moderator

    Hi there,

    You can try the combination of essential grids and cornerstone rows. Like add row using cornerstone, then make columns in essential grid. Or perhaps, use essential grid rows too since it has max row setting, and you can only control how many columns/items it will display on each device.

    Thanks!

    February 20, 2017 at 5:09 pm #1378885
    educainventions
    Participant
    This reply has been marked as private.
    February 20, 2017 at 8:26 pm #1379140
    educainventions
    Participant

    It has worked within the cornerstone slider a few minutes ago… Unfortunately it has stopped working now (I did not change anything!). That’s incredible weird…

    February 21, 2017 at 4:22 am #1379538
    Lely
    Moderator

    Hi There,

    I got this error:

    Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js:11)
    at Function.each (jquery.js:2)
    at a.fn.init.each (jquery.js:2)
    at jquery.themepunch.essential.min.js:11
jquery.themepunch.essential.min.js:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js:11)
    at Function.each (jquery.js:2)
    at a.fn.init.each (jquery.js:2)
    at jquery.themepunch.essential.min.js:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
jquery.themepunch.essential.min.js?ver=2.1.0.1:11 Uncaught TypeError: Cannot set property 'silent' of undefined
    at a.fn.init.esquickdraw (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at HTMLDivElement.<anonymous> (jquery.themepunch.essential.min.js?ver=2.1.0.1:11)
    at Function.each (jquery.js?ver=1.12.4:2)
    at a.fn.init.each (jquery.js?ver=1.12.4:2)
    at jquery.themepunch.essential.min.js?ver=2.1.0.1:11
esquickdraw @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11
each @ jquery.js?ver=1.12.4:2
each @ jquery.js?ver=1.12.4:2
(anonymous) @ jquery.themepunch.essential.min.js?ver=2.1.0.1:11

    The message is this:
    You have some jquery.js library include that comes after the revolution files js include. This includes make eliminates the revolution slider libraries, and make it not work.
    To fix it you can
    In the Slider Settings -> Troubleshooting set option: <b>Put JS Includes To Body</b> option to true.

    Do let us know how this goes.

    February 21, 2017 at 7:29 am #1379729
    educainventions
    Participant

    Thanks! I have set it to put the JQuery in the body. It does not work yet.

    If it helps, these are the sliders of Slider Revolution: http://www.educainventions.com/wp-admin/admin.php?page=revslider&view=slide&id=new&slider=4

    And here where I have included the Revolution Slider (and Cornerstone slider): http://www.educainventions.com/mass-media-reports/

    None of them seem to work…

    February 21, 2017 at 6:27 pm #1380551
    educainventions
    Participant

    I have updated the WordPress and Themeco to the latest version. It is not working yet 🙁

    February 21, 2017 at 7:59 pm #1380731
    educainventions
    Participant

    More weird things. When I click on Inspect Element (on Google Chrome), I can see the Cornerstone slider perfectly.

    The Slider Revolution (together with the Essential Grid) is not showed when the Inspector is active.

    After closing the Inspector, the Cornerstone Slider keep working. However if I refresh the page, it does not work (unless I open the Chrome Inspector).

    Any idea? :/

    February 22, 2017 at 2:35 pm #1381827
    Rad
    Moderator

    Hi there,

    You can’t put Essential Grid within Rev Slider. It’s compatible since Essential Grid has complex layout and libraries that are needed to run upon render. I recommended Essential Grid and Cornerstone section/rows and not the slider 🙂

    Thanks!

    February 22, 2017 at 3:15 pm #1381861
    educainventions
    Participant

    Hi. That does not solve what I want to achieve. We have to many logos, se we want to show them in a slider (not matter if the integrated slider of cornerstone or Slider Revolution or any other).

    So what about the integrated Slider of cornerstone? Why is it only showed when I open the Chrome Inspector? That’s very weird… Any idea?

    February 22, 2017 at 7:58 pm #1382204
    educainventions
    Participant

    I have copied and pasted the CSS and Javascript code from here: https://www.themepunch.com/faq/embed-essential-grid-slider-revolution/

    Now, we can see the the logos of Essential Grid embedded in Slider Revolution! I have added it here: http://www.educainventions.com/mass-media-reports/

    Unfortunately it does not seem to slide automatically. We must push the button to switch to another slide…

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