Jump to content

Archived

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

hibbsy78

Image Grid - Remove ? on Gallery

Recommended Posts

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

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

    • Kedark
      By Kedark+
      Hello,
      I apologize for the trivial question, but I can not deal with it. How do I turn off the display of a distinctive image on the page? (I have to add it because I use plugins that use it), but as I display the page, I do not want it to be visible (and appears above the subject.).
      Probably a cliché but I can not deal with it. Therefore, a request for help.
      Regards
      RKA
    • mtaus
      By mtaus+
      I have added a Lax section on the footer of this site: http://www.ics-law.org.php72-38.lan3-1.websitetestlink.com/ but the background image is not displaying. When I first add the image it appears in the background, but then after saving and reloading it is gone even though the thumbnail indicates it's still there. Screenshot attached.
      Any suggestions?

    • mtaus
      By mtaus+
      I'm trying to add a Careers page to a site to display job openings. The plan is to create a Post using a subcategory 'Careers' and then display those on the page. All of the post sections in PL seem to include images and there's no obvious way to remove them or include an excerpt from the post. 
      Any suggestions?
    • chamois_blanc
      By chamois_blanc+
      Hello,
      Shouldn't the image PL5 component be using the srcset/picture css directives to pick the correct size for an image? or it does already and I don't know how to use it? Thank you for any advice or enlightenment.
    • 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?
×