Jump to content

Portfolio Styling

Recommended Posts

Site URL: https://www.janepittardart.com/work

Hi guys

Just wondering if anyone has an easy fix. I have a client with a portfolio page that has said it's not too obvious to click on each category. She has asked for an arrow or similar to show that it's clickable... I did put a symbol in the title which solves it however the bottom navigation once you're in the portfolio pages populates from the page title... I'm sure it's something easy that I haven't thought of, any assistance greatly appreciated.


Thanks in advance 🙂

 

Screen Shot 2022-03-21 at 12.35.21 pm.png

Link to comment
3 hours ago, kellicox90 said:

Site URL: https://www.janepittardart.com/work

Hi guys

Just wondering if anyone has an easy fix. I have a client with a portfolio page that has said it's not too obvious to click on each category. She has asked for an arrow or similar to show that it's clickable... I did put a symbol in the title which solves it however the bottom navigation once you're in the portfolio pages populates from the page title... I'm sure it's something easy that I haven't thought of, any assistance greatly appreciated.


Thanks in advance 🙂

 

Screen Shot 2022-03-21 at 12.35.21 pm.png

Do you mean having some arrows like this?

image.thumb.png.745feed58515302b396678394f3f7c93.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
21 hours ago, kellicox90 said:

Yes, something like that. But if I put it in the title, the bottom navigation between the 2 collections already has an arrow.

Add to Design > Custom CSS

/* Portfolio title arrows */
span.portfolio-hover-item-content:after {
    content: "\e005";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
}

 

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
1 hour ago, tuanphan said:

Add to Design > Custom CSS

/* Portfolio title arrows */
span.portfolio-hover-item-content:after {
    content: "\e005";
    font-family: 'squarespace-ui-font';
    font-size: 30px;
}

 

This is perfect!! Thank you so much @tuanphan! Am I able to get you to take a quick look at another of my questions? I'll tag you.

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.