[LeannaParticipant]

A long time ago you provided me a set of CSS to get text on hover to occur in Block Grid. However when I added it back into Customizer just now and connected it by putting text-on-hover class into the blockgrid on the page, it broke the site. Also, I’m not sure where the text goes which should occur on hover.

Page of issue is: https://www.tellasia.org/join-the-movement/

/* Block Grid Hover Transparency Text */
.x-block-grid-item {
    overflow: hidden;
    position: relative;
    padding: 0; }
.x-block-grid li.x-block-grid-item .text-on-hover {
    position: absolute;
    bottom: -100px;
    opacity: 0;
    width: 100%;
    padding: 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.35);
    color: #fff;
    transition: all 0.5s ease;
    margin: 0;
    height: 70%;
    bottom: 17px !important; }

.x-block-grid li.x-block-grid-item:hover .text-on-hover {
  bottom: 0;
  opacity: 1;
  transition: all 0.5s ease;
  padding: 0; }

.text-on-hover span {
  position: relative;
  top: 80px; }

[LeannaParticipant]

This reply has been marked as private.

[LeannaParticipant]

Never mind I gave up on the Block grid AND the lightbox and realized I could make one-page navigation.

[RupokMember]

Great. Let us know if you have any other issues.

Thanks!

[Author]

Posts