• Resolved ab

    (@maml)


    Does any body know how I can change the little hand that appears next to newer/older posts links.

    I can delete it by adding

    .nav-previous i,
    .nav-next i {
    display: none;
    }

    but I don’t know how to change it to a different picture.
    anybody know how to do this?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Tahoerock

    (@tahoerock)

    Hi Maml
    Can u give us link to your website?
    Thanks a lot.
    Cheers
    TR

    Thread Starter ab

    (@maml)

    Hi Tahoerock

    The website is kashf.co.uk

    Thanks

    Tahoerock

    (@tahoerock)

    Hi maml
    This should work:
    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.

    i .fa .fa-hand-o-left {
        display: none;
    }
    
    or
    i .fa .fa-hand-o-left {
        display: none!important;
    }
    
    OR
    
    .fa .fa-hand-o-left {
        display: none;
    }
    
    or
    
    .fa .fa-hand-o-left {
        display: none!important;
    }

    Let me know result
    Cheers
    TR

    Thread Starter ab

    (@maml)

    That will completely remove the hands right? I already know how to remove them by using this code

    .nav-previous i,
    .nav-next i {
    display: none;
    }

    what I’m asking is how can I change them to something else. I want to change it to something like ? and ?
    any ideas?

    Thread Starter ab

    (@maml)

    I think I’ve found it, I need to change <i class=”fa fa-hand-o-left”> to
    <i class=”fa fa-arrow-left”></i> in one of the php files

    Thread Starter ab

    (@maml)

    I’ve changed all the <i class=”fa fa-hand-o-left”> to <i class=”fa fa-arrow-left”></i> and all the <i class=”fa fa-hand-o-right”> to <i class=”fa fa-arrow-right”></i> in the template-tags.php file but it is still showing as hands

    Tahoerock

    (@tahoerock)

    ooo I got it,

    That icon comes from Font awesome
    So go there find desired icon, click on it and copy desired icons css code
    Let me know
    cheers
    TR

    Tahoerock

    (@tahoerock)

    ….and

    put this code to your Child Theme style.css file
    OR
    Install Simple Custom CSS plugin and put the code there.

    .fa-hand-o-left:before {
        content: "\f0a5";
        color: red;
    }
    or
    
    .fa-hand-o-left:before {
        content: "\f0a5"!important;
        color: red!important;
    }

    f0a5 is Unicode left hand
    change the code to your desired icon code and color
    cheers
    TR

    Thread Starter ab

    (@maml)

    I copied that code as is and it turned the left hand red, I changed it to `.fa-arrow-left:before {
    content: “\f0a5”;
    color: red;
    }`
    and it turned it back to a black hand

    Tahoerock

    (@tahoerock)

    where did you put that code?? did u take a look to my advises above about child theme style.css or Simple Custom CSS plugin
    TRT

    Thread Starter ab

    (@maml)

    sorry I misunderstood when you meant to change the unicode
    I’ve just changed it to

    .fa-hand-o-left:before {
        content: "\f060";
        color: red;
    }

    in the css style sheet and that worked.
    Thank you so much for your help!

    Tahoerock

    (@tahoerock)

    perfect ??
    YES f060 is the code for

    fa-arrow-left

    Great job
    just look for any icon on that FA Directional Icon page and use desired code and change all the css values you want
    He is great video of the friend of mine Spence
    It will give you clearer view.
    Cheers
    TR

    Thread Starter ab

    (@maml)

    Thanks alot mate

    Tahoerock

    (@tahoerock)

    My pleasure
    feel free to contact me in the future
    Cheers
    TR

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘change hand icon next to newer/older posts’ is closed to new replies.