Navigation
Archive / Essential Grid – Content in Background
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 21, 2016 at 7:19 am #1052384
    Alex
    Participant

    Hello,

    I´ve created a site in cornerstone and added an Essential Grid.
    The content of the grid fades in on hover.

    But the text below the grid is above the Grid content .

    What could that be?

    Thanks & Regards,
    Alex

    June 21, 2016 at 7:22 am #1052391
    Alex
    Participant
    This reply has been marked as private.
    June 21, 2016 at 9:40 am #1052615
    Lely
    Moderator

    Hi Alex,

    Thank you for the credentials.
    Please check this documentation for detailed discussion:https://www.themepunch.com/faq/grid-content-only-shows-up-on-hover/

    Since your content is displayed below the grid’s main media image, you’ll need a “Masonry” layout. To apply a “Masonry” layout, head over to your grid’s main setting page.

    Hope this helps.

    June 22, 2016 at 8:41 am #1054300
    Alex
    Participant

    Thank you very much!

    I´ve changed the layout to Masonry.
    Now the content is always shown.
    But I want it show only on hover.

    My goal is to show the content below the grid´s main media image on hover.

    On Item Skin Layout I have selected the option for content:
    Bottom on hover | Center

    Thanks for you help!
    Regards,
    Alex

    June 22, 2016 at 10:12 am #1054461
    Rupok
    Member

    Hi Alex,

    Thanks forw writing back. I am not sure if that’s possible (on hover) with ES Grid or not but it sounds unusual. Kindly explore their documentation for more information.

    Cheers!

    June 23, 2016 at 1:18 am #1055842
    Alex
    Participant

    Thanks for response!

    I did the previous settings again.
    Please take a look on the home page and scroll down to essential grid.
    Maybe you understand then what I mean.

    When you hover it works one time.
    Then the content of essential grid is appearing below the next content of the site.

    Thanks for your help!

    Regards,
    Alex

    June 23, 2016 at 4:47 am #1056029
    Lely
    Moderator

    Hi Alex,

    This is a video screencast of what I am seeing:http://screencast-o-matic.com/watch/cD10QBi07U
    The content shows on hover just directly below each main image. I am not sure about this:Then the content of essential grid is appearing below the next content of the site. Please clarify.

    June 23, 2016 at 7:54 am #1056250
    Alex
    Participant

    Hello,
    Thanks for your help!

    When I do that it looks like the screenshot i posted at #1052391

    I´ve tried with all browsers with current version.

    June 23, 2016 at 5:26 pm #1057099
    Rad
    Moderator

    Hi Alex,

    Should it push the content below it, or just make it appear overlay on it?

    Thanks!

    June 27, 2016 at 12:12 am #1060892
    Alex
    Participant

    Hello,

    that doesn´t matter.
    Overlay would be fine. But when it pushes the content below it is also ok.

    June 27, 2016 at 8:17 am #1061435
    Jack
    Keymaster

    Hi there Alex,

    Thanks for writing back. I’ve tested this on your site but it displays perfectly for me like it did for Lely who posted the screencast above.

    Could you let me know your specific browser versions and if you have any add-ons enabled?

    Thanks!

    June 29, 2016 at 12:22 am #1064344
    Alex
    Participant

    Hello,

    thanks for your response!

    It´s not working on my side …
    I´m using the current version of Mozilla Firefox and the current version of Google Chrome.

    How can I make the content appear overlay?

    Thank you very much!
    Regards,
    Alex

    June 29, 2016 at 12:49 am #1064358
    Alex
    Participant

    I think I solved the issue.

    I´ve putted the content into the same section.
    Now it is working well.

    Before the content was in different sections. Maybe that was causing the issue.

    Thanks for your awesome support!

    Regards,
    Alex

    June 29, 2016 at 1:28 am #1064380
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks

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