I want to change the arrows in the comment pagination

This topic has 12 replies, 3 voices, and was last updated 3 weeks, 6 days ago ago by Andrew Mitchell

  • Avatar: jerrymain
    jerrymain
    Participant
    January 14, 2025 at 21:33

    Hello, could you tell me from where to change the arrows in products reviews pagination
    I want to use those ⯇⯈ I tried with css but didn’t work

    Also I send one preview – maybe it will be good styling for update – the left is on small iPhone – it doesn’t look as pro as the rest of your perfect theme.

    Files is visible for topic creator and
    support staff only.
    11 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    January 15, 2025 at 08:00

    Hi @jerrymain,

    Can you please share the icons again?

    We couldn’t see it: https://prnt.sc/6LdPQpFXZpMQ.

    Thank you!

    Avatar: jerrymain
    jerrymain
    Participant
    January 15, 2025 at 20:15

    Strange, they should be UTF-8 Arrows – I copied the black icons from the left – maybe I should copy to code for you to see it.. not sure

    This is the link to them
    https://www.w3schools.com/charsets/ref_utf_arrows.asp

    2BC7 and 2BC8

    Avatar: Justin
    Luca Rossi
    Support staff
    January 16, 2025 at 09:23

    Hi @jerrymain,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    nav.woocommerce-pagination ul.page-numbers a.prev,
    nav.woocommerce-pagination ul.page-numbers a.next{
        text-indent: -9999px;
    }
    nav.woocommerce-pagination ul.page-numbers a.prev::before {
        opacity: 1;
        content: '⬅';
        height: 36px;
        position: absolute;
        width: 36px;
        text-align: center;
        line-height: 36px;
        text-indent: 0;
    }
    
    nav.woocommerce-pagination ul.page-numbers a.next::before {
        opacity: 1;
        content: '⮕';
        height: 36px;
        position: absolute;
        width: 36px;
        text-align: center;
        line-height: 36px;
        text-indent: 0;
    }
    

    https://prnt.sc/yTAJ5QLpkX4p

    Kind regards,
    The 8Theme Team

    Avatar: jerrymain
    jerrymain
    Participant
    January 16, 2025 at 14:51

    Thank you. Just one more thing – since I had some cache issues (items disappeared from cart minute after added) and I did some edits to find the problem – I found out the issue came from my hosting provider.. but now I’m not sure which was the default setting for Speed optimisation – could you please tell me what is safe to turn on

    Files is visible for topic creator and
    support staff only.
    Avatar: jerrymain
    jerrymain
    Participant
    January 16, 2025 at 20:09

    Actually is there a way to find those arrows in the php or somewhere, because they still mess with css and I want to hardcode them and to have them in mind even after updates to update manually if needed. I tried with utf-8 arrows but on mobile devices they not appear or the old arrows stay even after I clear cache

    I tried with this code then adding SVG but the old arrow appear underneath on mobile

    nav.woocommerce-pagination ul.page-numbers a.next::before {
    content: ”;
    display: block;
    background-image: url(‘https://maugifts.com/arr-r.svg’);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    }

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 17, 2025 at 06:42

    Hi @jerrymain,

    Thank you. Just one more thing – since I had some cache issues (items disappeared from cart minute after added) and I did some edits to find the problem – I found out the issue came from my hosting provider.. but now I’m not sure which was the default setting for Speed optimisation – could you please tell me what is safe to turn on

    Please take a look at this article: https://www.8theme.com/documentation/xstore/theme-installation/main-theme-options/#speed-optimization-options-paarp

    For the arrows, it seems the text-index is not working correctly on safari, please add white-space & overflow to your custom CSS code: https://stackoverflow.com/a/33523678/2660153.

    Hope it helps!

    Avatar: jerrymain
    jerrymain
    Participant
    January 17, 2025 at 14:07

    sadly the code didn’t work for me. Could you just tell where are those arrows so I could paste on their place something else instead of trying to hide them

    Avatar: Justin
    Luca Rossi
    Support staff
    January 18, 2025 at 07:36

    Dear @jerrymain,

    We hope this message finds you well.

    Kindly try adding the following code snippet to the functions.php file located in your child theme:

    
    add_filter('woocommerce_comment_pagination_args', 'n2t_woocommerce_comment_pagination_args', 100);  
    function n2t_woocommerce_comment_pagination_args($args) {  
        $args['prev_text'] = '«';  
        $args['next_text'] = '»';  
        return $args;  
    }  
    

    Please remember to replace the « and » values with the desired text or symbols as per your requirements.

    Should you have any further questions or need additional assistance, feel free to reach out.

    Best regards,
    The 8Theme Team

    Avatar: jerrymain
    jerrymain
    Participant
    January 18, 2025 at 12:19

    Thank you – this worked.
    Just one fast thing – could you please print screen the default settings of X Store for ”Speed optimisation” option –
    Not the whole just From Menu dropdown cache to Disable theme swiper JS

    Have a nice day

    Avatar: Justin
    Luca Rossi
    Support staff
    January 19, 2025 at 05:32

    Dear @jerrymain,

    Please find the requested links below for your reference:

    – (https://tinyurl.com/282pgrjr)
    – (https://tinyurl.com/2yjexevd)

    Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 20, 2025 at 21:35

    Dear jerrymain,

    We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

    Click here to rate now: https://themeforest.net/downloads

    Thank you sincerely for your ongoing support!

    Best Regards,
    The 8Theme Team

  • Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘I want to change the arrows in the comment pagination’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.