Jump to content

Reduce font size of <previous and next> project in mobile version

Recommended Posts

Site URL: http://reemdesigner.com

Hello! would appreciate help on this issue ❤️ I am building my graphic design portfolio with the NOVO template and I want to publish it soon but noticed that when looking at the mobile version, at the bottom in the titles of <previous and next project> the font gets super big and I want to customize this size so its appropriate for mobile. How can I do this? Also, any idea of the appropriate font size for this section for mobile? 


also, in the same section, is there a way to separate between the lines a bit more (eg. Barcelona Design Week (add more space in between) Poster Design

thanks a million!

Captura de pantalla 2020-07-25 a las 20.35.57.png

Captura de pantalla 2020-07-25 a las 20.36.20.png

Edited by Reem
Link to comment
  • 5 months later...
On 1/9/2021 at 1:48 AM, tennet said:

I have the same question. Can this be done using Custom CSS?

Yes. Possible. If you share link to a project, we can give code easier

Edited by tuanphan
typo

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
On 1/11/2021 at 3:01 AM, tennet said:

Thanks! Here is my temporary URL https://elk-robin-3ckg.squarespace.com/en/work/lg-quadhd-cgi
Can I use a Custom CSS that changes this to all Portfolio Projects at once or do I need to change this on all projects individually?

squarespace-next_project.jpg

Insert once, It will work all projects. Add to Design > Custom CSS

@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 12px !important;
}
}

 

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 year later...

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
  • 3 months later...
On 9/13/2022 at 7:27 PM, emmalb said:

I'm having the same issue with the previous/next links on the blog page of my site. Will the code that tuanphan posted work for that, as well? Here is the link to my site: https://customcarerehab.com/

Screenshot 2022-09-13 082112.png

That code should work for all templates in SS 7.1. It looks like you used 7.1, so the code will work.

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 month later...
On 11/11/2022 at 12:34 AM, keefjc said:

What is the code to change the previous/next font size on desktop? 
See website link here: https://olbosstudio.com/residential-design/small-apartment-renovation

For desktop, add to Design > Custom CSS

@media screen and (min-width:768px) {
h2.item-pagination-title {
    font-size: 20px !important;
}
}

 

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

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.