• 0

Image Grid Image Grid - Remove ? on Gallery


Question

Posted · Report post

I like Image Grid but don't like the ? that shows on each image. Is it possible to remove this using css?

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

You can change it to something else like this:
.ig-images-container {
    .ig-image-container {
       figure {
          &:before {
             content: "i";
          }
      }
   }
}

And remove it with this

.ig-images-container {
    .ig-image-container {
       figure {
          &:before {
             display:none;
          }
      }
   }
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

where do i make this change? i changed your style.less and have not seen any change. i've never used LESS, so perhaps i'm not changing correctly.

 

here's how it looks:

.ig-image-container {
float: left;
overflow: hidden;
figure {
display: block;
position: relative;
float: left;
overflow: hidden;
  width:100%;
 
&:hover figcaption {
opacity: 1;
}
&:hover {
 
&:before {
opacity: 0;
}
}
&:before {
display: none;
}
}
figcaption {
width:100%;
position: absolute;
background: rgba(0,0,0,0.5);
color: white;
opacity: 0.5;
 
but even if i just change the '?' to an "i", as you suggest, i still don't see a change.
 
thanks for your help!
kim

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Put it in hte custom LESS/CSS field here and hit plublish.

http://cl.ly/image/0r3o1U1n0t0X

Do not edit the plugins LESS files as you will loose the changes if I make updates.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

perfect, thanks!

Share this post


Link to post
Share on other sites