Jump to content

Archived

This topic is now archived and is closed to further replies.

hibbsy78

Image Grid - Remove ? on Gallery

Recommended Posts

hibbsy78+    24
hibbsy78

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
ahansson89    57
ahansson89
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
kajort    0
kajort

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

  • Similar Content

    • DonRicardoRVM
      By DonRicardoRVM+
        First of all, sorry for my bad English.  I am developing an ecommeece with wp, woocommerce, PL5 and quickshop, and I need to do some changes in the simple product grid. I want to change the classes of some divs, but I can't find the templates. 
      Also, I change the grid of the category products pages, but I didn't make it correctly.
      This is the cat archive's: http://globosdemar.com/wp/categoria-producto/camisetas-para-ninos-y-ninas/
      Can you help me?
    • BentleyD
      By BentleyD+
      Hey there,
       
      I am working on BentleyRolling.com. I used grams on MoonbodySoul.com and all the images are cropped to a square, whether they are square or 4:5 when posted on instagram, they still get cropped to a square. This looks way better than some being squares and some being 4:5. Did something change since I designed MoonBodySoul.com with Platform5? Can you help me crop all images to a square on BentleyRolling.com 
       
      All the best,
       
      Bentley
    • cstudio
      By cstudio
      How do I control the lightbox effect on the plugin "popthumbs"?  On mobile, it opens up much to small then when expanded it opens to large.  I would like to control the the lightbox to like 90% of the viewer window but I can't figure out how/where to control that.
      Site example

       
      Thx
    • Queue-it
      By Queue-it+
      Hi,
      I am using pl-section-journey and hiding most of the images. When running the page via google speed insights, it tells to optimize all the images that are in this plugins default. (e.g. https://queue-it.com/wp-content/plugins/pl-section-journey/images/drawer-5.jpg ) Like this one that is not visible on the website, but is a part of the plugin and comes up in google insights.
      I've deleted all the images in the plugin, but they still seem to come up. Ref. this page: queue-it.com/features
    • globalnative
      By globalnative+
      Hi there!
      I'm trying to create a featured image for my new blog post. It has text in it, and when I add it as a featured image some of the text is cut off on the right.
      Could I get the ideal dimensions for featured images? Or, a way to customise the dimensions so that they are easier to fit in the way I need?
      Thank you kindly
      Nate
       


×