remove "icons" on image permalinks

  • Author
    Posts
  • #1466840

    nmegan
    Member

    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 nmegan.wordpress.com.

    #1467012

    johndcoy
    Staff

    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.

    #1467116

    nmegan
    Member

    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.

    #1467123

    johndcoy
    Staff

    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!

    :)

    #1467125

    justpi
    Member

    Or Firebug in Firefox, or Web Inspector in Safari.

    #1467130

    nmegan
    Member

    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.

    #1467132

    You might also check out the short screencasts at http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    #1467133

    johndcoy
    Staff

    @designsimply
    That documentation is perfect! Thank you for the assistance.

    #1467139

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