Okay
  Public Ticket #4402338
Previous/Next post nav arrow color
Closed

Comments

  •  3
    Jon started the conversation
    1 week ago on August 20, 2025 at 3:52am

    Hi

    I need to change the colour of the svg arrow on hover in the previous/next blog navigation.
    I cant seem to isolate in dev tools to then create css
    Any help would be good

  •  365
    Pat replied
    1 week ago on August 20, 2025 at 4:10am

    Hi Jon,

    Great to have you back.

    Please share the website URL to help us provide you with an accurate solution.

    Thanks,

    Salient Theme Support

  •  3
    Jon replied
    1 week ago on August 20, 2025 at 6:05am

    Attached screeshot of the svg arrow I need colour changing

     

    Attached files:  Screenshot 2025-08-20 at 6.04.24 PM.png

  •  365
    Pat replied
    1 week ago on August 20, 2025 at 6:33am

    Hi Jon,

    Thanks for the screenshot.

    Please add this code to your Salient > General Settings > CSS/Script Related > Custom CSS Code box:

    .post-navigation a:hover svg polyline.arrow {
    stroke: #ff0000 !important; 
}

    Feel free to change the hex code to your desired hover color. After clearing your cache, check and confirm whether it does the trick.

    Best wishes,

    Salient Theme Support

  •  3
    Jon replied
    1 week ago on August 20, 2025 at 6:39am

    Hi

    didnt work 

    still white arrow

  •  365
    Pat replied
    1 week ago on August 20, 2025 at 6:49am

    Hi Jon,

    Thanks for the update.

    Please privately provide the website url for us to check it out further.

    Thanks again,

    Salient Theme Support

  •   Jon replied privately
  •  365
    Pat replied
    1 week ago on August 20, 2025 at 7:24am

    Hi Jon,

    Thanks for the page url.

    Please update the given css scripts to below:

    .blog_next_prev_buttons li:hover .next-arrow line {
    stroke: #ff0000 !important; 
}

.blog_next_prev_buttons li:hover h3 .text .line {
    background-color: #ff0000 !important;
}

    Feel free to change the hex code to your desired hover color. After clearing your cache, check and confirm whether it does the trick.

    Best wishes,

    Salient Theme Support

  •  3
    Jon replied
    1 week ago on August 20, 2025 at 7:26am

    Great, it works

    Thank you

  •  3,278
    Austin replied
    1 week ago on August 20, 2025 at 8:00am

    Hi Jon,

    Thank you for getting back to us.

    I'm glad we could assist. Feel free to reach out if you have any other queries.

    Cheers,

  •   Jon replied privately