Jump to content

Headings and Paragraph styles, customizing fonts

Recommended Posts

Site URL: http://owenstrong.com

I have a couple font style questions.

I would like to change the wording of "older posts" and "newer posts" on a blog. From what I gather, adjusting default text labels requires a business account. However, it is the only reasons I'd upgrade this account, and it is just not worth the money. Are there ANY work arounds?

If I cannot change the text itself, I would like to change the size and color of the "older posts" and "newer posts" buttons on the blog page. But, I can't figure out what font style is applied to the buttons. I have struck out in searching the help items on SS. Is this default text a header style? A paragraph style? When I go to edit my font styles on the blog, the blue highlight runs around the entire blog page rather than individual items, as in the attached screen grab. Complicating matters, I only sometimes get a preview of my changes before I save them, so I am hesitant to make adjustments as I have no idea what will be changed.

In 7.0, we were able to go to site styles and highlight an item and Squarespace would automatically take you to the style so we could adjust it. Now, it's a often guessing game as to what elements will be changed if you change a style. I've run into this issue repeatedly on 7.1 and I have written to SS asking for help (they can't). Is there a guide or key somewhere that tells users what each font style is applied to? Some other way to figure it out?

This one item has eaten up hours of my time. It is driving me 'round the bend!

TYIA!

Newer posts font style.png

Edited by AnaDavisDesign
Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

I would like to change the wording of "older posts" and "newer posts" on a blog

I think I solved some questions with Personal Plan..

Can you share link to blog page? I don't see..

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
17 hours ago, AnaDavisDesign said:

Add to Home > Design > Custom CSS

/* newer */
span.prev-label {
    visibility: hidden;
}
span.prev-label:before {
    visibility: visible;
    content: "New newer";
}
/* older */
span.next-label {
    visibility: hidden;
}
span.next-label:before {
    visibility: visible;
    content: "New older";
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
19 hours ago, AnaDavisDesign said:

Thanks for this!!! I spent SO long trying to figure this out to no avail. I really appreciate it.

If I want to change what the text says, can I use this code for that? I'd like to make the tabs say "More Memories"

yes. You can try replacing above text

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.