This is such a great post, Tuanphan. Thank you for putting it together.
I am using your tip "#7. Add an icon next to title" to try and place an arrow (as a prompt for users to click on the one of the projects), but I cannot get it to work. I am using Portfolio Grid:Simple and version 7.1. This is my code.
}
/* arrow in grid title */
a.grid-item[href="https://pomegranate-haddock-wfgf.squarespace.com/work"] h3:after {
content: "";
background-image: url(https://static1.squarespace.com/static/6672edd8a65dc42920c605b2/t/6678e3467cfbe72c9ab0d808/1719198534925/port-arrow.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 20px;
display: block;
float: right;
}
I have tried just using the slug as well as the full URL. I have also changed the pixels down from 50 to 30 to 20 just to see what the issue could be. None of these tweaks have worked. Any help is much appreciated.
Thanks!
