Jump to content


Photo
Image Grid

Image Grid - Remove ? on Gallery

image grid

Best Answer ahansson89 , 04 October 2013 - 12:50 PM

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;
          }
      }
   }
}
Go to the full post


  • Please log in to reply
4 replies to this topic

#1 hibbsy78

hibbsy78

    Advocate

  • Members

  • 307 posts
  • LocationStaffordshire
  • Framework Version:DMS 2.1.8
  • Country: Country Flag

Posted 04 October 2013 - 09:28 AM

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



#2 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 04 October 2013 - 12:50 PM   Best Answer

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;
          }
      }
   }
}


#3 kajort

kajort

    Member

  • Members

  • 26 posts
  • Country: Country Flag

Posted 10 October 2013 - 05:50 PM

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


#4 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 11 October 2013 - 10:55 AM

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.



#5 kajort

kajort

    Member

  • Members

  • 26 posts
  • Country: Country Flag

Posted 12 October 2013 - 08:41 PM

perfect, thanks!







Also tagged with one or more of these keywords: Image Grid, image, grid