remove "icons" on image permalinks

  • Author
  • #1466840


    Is there a way set css not to display the transparent icons that come up on image permalinks? An example is on my front page…the icon that comes up on rollover of the “Portfolio” image at the bottom left. I tried this css code but it didn’t work.

    #main .feature-thumbnail a:after {
    display: none;

    Thanks for any help in advance.

    The blog I need help with is



    Below is the CSS to remove the gallery icon that shows when hovering over a portfolio thumbnail.

    .format-gallery .feature-thumbnail .post-format-icon {display: none;}

    Please let me know if this helps or if you are referring to the opacity (transparency) that is applied when hover over images.



    This worked perfectly! Thanks so much. I wish I knew how you located the .format-gallery tag….I couldn’t find anything similar when I used the inspect element command.



    There are a few different tools that anyone can use to inspect elements of a web page. I use Chrome DevTools in Google Chrome to inspect most page elements. When viewing a web page in Google Chrome, you can right-click on any page element and choose Inspect Element. Chrome DevTools will display the HTML and CSS that is used to make-up that specific element.

    Google provides pretty extensive documentation on Chrome DevTools. Don’t worry, it’s not as difficult as it may look.

    Happy to help!




    Or Firebug in Firefox, or Web Inspector in Safari.



    Thanks for the info. I have been trying to use the Inspect Element in Chrome but the info it returns is pretty dense. Thanks for the link…maybe that will help me navigate.


    You might also check out the short screencasts at



    That documentation is perfect! Thank you for the assistance.


    @johndcoy, yay ! If you think of any other documentation you think would be helpful to add, let me know.

The topic ‘remove "icons" on image permalinks’ is closed to new replies.