Jump to content

CSS to change the size of "older" & "newest" post on a blog page

Recommended Posts

Posted

Hi!

I want to change the size of arrows and text for the options "older" & "newest" post in my blog page. Right now is super small. Can anyone help me with the custom CSS code? 

See example below:

1852839019_Capturadepantalla2021-02-16alas10_33_49.thumb.png.b09a48118664ff0c6c38180c15cc01c3.png

  • Replies 3
  • Views 870
  • Created
  • Last Reply
Posted

I don't know what's my template. But I'm using 7.1 Version.

 

This is the link:

https://drum-antelope-x47n.squarespace.com

Many thanks,

Posted

7.1 is in actually only one template with 18 (I think ) named design starting points. Shouldn't be hard to do what you want to do. 

Here is the first part, to adjust size of arrows: put in custom css and tweak the number to make smaller or larger I will get back with the code to adust the text. 

/* Pagination arrows width */
.item-pagination-link .item-pagination-icon svg {
    width: 10px;
}

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.