Jump to content

Next & Previous Controls

Go to solution Solved by paul2009,

Recommended Posts

Squarespace Circle Pros,

I'm working on a website that was built on 7.0 and we are not quite ready to switch it over to 7.1. There are many glitches to the way navigation links display on the current website layout. Many of them I know how to fix but I am stumped on the next and previous controls for the blog page. I have a screen shot attached this is the URL: https://www.ferriscoin.com/email-newsletter/august-feel-the-energy-of-the-islands

I would like to adjust the website style so that the title is right aligned under "Next" rather than floating alone like it is now. I assume that it is left aligned at the moment. Is there code I need to insert or is there a setting on the backend that I can change?

Enjoy this day,

David

P.S. I was brought in late on this project. Working to convince the current owner of the site that switching to 7.1 will add an incredible amount of value and power to the future of this website for our client.

Screen Shot 2023-01-09 at 3.14.21 PM.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
32 minutes ago, davidstraight said:

There are many glitches to the way navigation links display on the current website layout. Many of them I know how to fix but I am stumped on the next and previous controls for the blog page. I have a screen shot attached this is the URL: https://www.ferriscoin.com/email-newsletter/august-feel-the-energy-of-the-islands

I would like to adjust the website style so that the title is right aligned under "Next" rather than floating alone like it is now.

Normally this would be right-aligned but someone has added CSS to this site to make h4 headings left aligned, causing this issue 🙂

Here's an extract of what they've added:

image.png.5df9b59f697b40300d04dc16be88cd82.png

When you remove it, you'll see:

image.thumb.png.e050608b606c117d97cf5fa4170bb9df.png

I hope this helps.

Did this help? Please give feedback by clicking an icon below  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

@paul2009, I appreciate your quick response! That makes sense because we are embedding code from MailChimp to display the newsletters on the blog pages. I was instructed to post the email newsletter as a blog post using the code from MailChimp. The goal for this workflow is to save time and maintain a consistent look between what their audience sees in their email inbox and in the newsletter archive.

This glitch has motivated me to continue pushing for a better workflow that doesn't involve injecting code that messes with the Squarespace framework.

Many thanks,

David

P.S. Is there a desktop code application that you used to create the updated screen shot or did you manipulate the photo? 

Link to comment
3 hours ago, davidstraight said:

Is there a desktop code application that you used to create the updated screen shot or did you manipulate the photo? 

I removed “text-align:left;” from the CSS (temporarily using browser development tools) to demonstrate that this is the cause. You’ll need to do this yourself, by editing the code that has been added to the site, to achieve the same. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Gotcha! Just curious how you we able to show me a visual because I am not familiar with browser development tools. I am a graphic designer who is thankful to be able to design websites on Squarespace without needing code.

I found all the code and removed it on each of the blog pages so this has been resolved thanks to you!

Enjoy this day,

David

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.