Jump to content

How to change font size in portfolio pagination title

Recommended Posts

Posted

I want to change the following to smaller fontsize and also bring into one line and not 2 or more parapgraphs one below another (mobile I have 3 lines one below another).

anyone knows which code I can use.

its in a portfolio at the very end of a page, down below. originally I says "next project" or "procect 2" < ---- > "project 3"

 

image.thumb.png.7d981bd5896d3017e5b75eb43a814d3c.png

Posted

Add this code to your custom CSS:

.item-pagination-title {
  display:none;
}
.item-pagination-link--next::before {
  content:'Next Project';
}
.item-pagination-link--prev:after {
  content:'Previous Project';
}

Change the language to whatever you prefer.

Hope that helps!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

  • 5 months later...
Posted
Quote

ziggy

On 2/20/2023 at 5:03 AM, Ziggy said:
.item-pagination-title {
  display:none;
}
.item-pagination-link--next::before {
  content:'Next Project';
}
.item-pagination-link--prev:after {
  content:'Previous Project';
}

Change the language to whatever you prefer.

Hope that helps!

 

Where exactly do we add this code? an what do you mean by the language?

Posted

Add to Custom CSS under the design tab in the dashboard.

By language, I'm referring to next project and previous project can be changed to say something else, such as simply next and previous.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
10 hours ago, EADesigns said:

Oh, thanks Ziggy!!!

Oh, FYI It Worked!!!

Excellent! Can you mark my answer as the solution to your question? Thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.