Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #67209

    Roberto F
    Participant

    Hello there. I searched and searched but could not find an answer.

    I followed how to remove the “permalink to” hover using this link http://theme.co/x/member/forums/topic/remove-permalink-to-hover/#post-66753

    However, there is still a chain link hover logo that appears on my portfolio gallery (under construction)

    http://piercingsbyfernanda.com/fer/gallery-2/

    Question: How do I change the link hover icon to say view. As in this fellow’s portfolio page:

    http://www.markscott.photography/portfolio/

    Thank you in advance for your help. Loving X!

    #67606

    Mrinal
    Member

    Hi Rob,

    To do so, add the following CSS codes via Customizer > Custom > CSS:

    
    .entry-thumb:before {
        content: none;
    }
    

    Hope this helps, Cheers!

    #70597

    Coen M
    Participant

    What I would love to do, is change the way the permalink icon appears on hover in Integrety, to the way the info ‘slides in’ with portfolio items in Renew.
    So I’m using Intergrety, but want the animation of the portfolio-item hover of Renew.
    Can this be done with CSS styling too and if yes, what would be the code for that? Would be really much appreciated.
    Thanks in advance!
    Cheers, Coen.

    #70883

    Rad
    Moderator

    Hi Coen,

    Thank you for writing in!

    Integrity and renew has different element structure. So styling isn’t enough to implement this. You will have to do custom development for template. We don’t support mixing of stack so we can’t provide any help about this. You may hire a developer and do some changes for you 🙂

    Thank you for understanding.

    #70891

    Coen M
    Participant

    Thanks for your reply! Ok that’s too bad.

    And how about changing the permalink to a different icon?

    I tried replacing ‘none’ with different shortcodes in the CSS styler, but didn’t seem to work so far..

    Thanks again!

    Cheers, Coen.

    #71108

    Christian
    Moderator

    Hey Coen,

    Please try the code below to change the icon.

    .entry-thumb:before {
        content: "\f13d";
    }

    f13d is the anchor icon’s unicode. I used it only as sample. You can find the unicode of the icons at http://fortawesome.github.io/Font-Awesome/icons/

    Thanks.

    #71141

    Coen M
    Participant

    Thanks so much for that! Although it doesn’t seem to work, unfortunately…
    What this does for me is replace the icon with the text ‘f13d’ in stead of actually showing the anchor icon.

    Any idea how come? Sorry for the many questions!

    Cheers, Coen.

    #71300

    Rad
    Moderator

    Hi Coen,

    Try this one, add this code at your child theme’s functions.php

    add_action('wp_head', function(){ ?><style>
    .entry-thumb:before {
        content: "\f13d" !important;
    }
    </style><?php } );

    Customizer tend to strip out backslash, so this one is another alternative.

    Thanks!

    #71462

    Coen M
    Participant

    Awesome!

    Thank you very much.

    #71686

    Kosher K
    Member

    No problem,

    Cheers

    #354684

    WorldFish
    Participant
    This reply has been marked as private.
    #354689

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating this thread!

    We kindly ask that you open your request in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    #385856

    Neal
    Participant

    Dear Themeco Staff,

    I have added this code to my Integrity 1 child theme’s functions.php

    
    add_action('wp_head', function(){ ?><style>
    .entry-thumb:before {
        content: "\f04b" !important;
    }
    </style><?php } );
    

    It put a play button icon in place of the chain link, which is perfect. But, how do I remove the red dot that is under that icon?

    #386044

    Zeshan
    Member

    Hi Neal,

    Thanks for writing in! To assist you with this, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

    Thanks!