Remove post pin graphic from sticky posts in Untitled theme

  • Unknown's avatar
    mjormston · Member ·

    I’m trying to remove the pin graphic from the hover over on each of my sticky posts on my homepage.

    How in CSS can I:
    a) remove the hover over completely
    b) remove the pin graphic from the hover over
    c) replace the pin graphic with my own graphic on the hover over

    Many thanks in advance

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    lizthefair · Member ·

    This would remove the pin from the images:

    .single-thumbnail.genericon.genericon-link ::after{
    display:none;
}

    I’ll have to work a little harder to answer the other questions–but it sounded like removing the pin was the most important thing, so I’m sending you this piece of the code now. :)

  • eurello · Staff ·

    Hi there,

    To remove the hover effect, try: 

    .post-thumb .single-thumbnail a {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

    To replace the graphic with your own, upload the icon you want to use to your Media Library, and then try: 

    #main .format-standard .single-thumbnail a:after {
	content: url('URL of your image here');

}

    Let me know how that works!

  • Unknown's avatar
    mjormston · Member ·

    Thanks to both of you, all your suggestions worked. However for now, I have just removed the pin graphic whilst I work on the graphic I want to replace it.

    Thanks!

  • The topic ‘Remove post pin graphic from sticky posts in Untitled theme’ is closed to new replies.