Jump to content

[Skye] How to change the SVG Next/Previous Blog Post Icon

Recommended Posts

Hi all,

I'm working in the following website page:
https://hqwebsitestudy.squarespace.com/home/jamd
Password: 12345678

I'd like to know if it's possible to replace the blue arrow that indicates the next post for a blue circle.
I've uploaded a bluecircle.png icon on css custom files but haven't found a way to replace the 
svg.next-icon for the new asset.

If so, what code injection can help me achieve this result for both Next (right) and Previous (left) arrows?

Thanks in advance,
Eliahu

Link to comment
  • 2 months later...
  • Replies 1
  • Views 715
  • Created
  • Last Reply

add to Home > Design > Custom CSS

.blog-item-label svg {
    display: none;
}
.blog-item-label {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.