Jump to content

Including Read More Link on Certain Blog Posts Only

Recommended Posts

Site URL: https://sellwoodmoreland.com/businesses

Hi! I am trying to find a way to show the read more link on specific blog posts. It will be for a business directory that will only link to the full profile (blog post) if they are a paid member. I've used CSS to turn off the image and title from linking to the blog post.

Should I create links in the excerpt and use code to style them as buttons? If so, any help on what the code should look like?

Or can I use the Source URL to link the blog post for those who should show a read more link and then create code to target that?

Currently, the Read More button is showing for each post.

Here is the webpage and password:

https://sellwoodmoreland.com/businesses

SMBA2021

 

Link to comment

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page.

<style>

  /* begin show read more links for paid members */
  
    .tweak-blog-list-item-readmore-below-excerpt .BlogList-item-readmore {
    
      display : none;
      
      }
      
    .tweak-blog-list-item-readmore-below-excerpt .tag-paid-member .BlogList-item-readmore {
    
      display : block;
      
      }
      
    /* end show read more links for paid members */
    
  </style>

Now for each paid member blog entry add a tag "paid member" without the quotes. For each blog entry with that tag the CSS will display the read more link. Of course these tags will need to be maintained manually.

Keep in mind that the link is still there. It is just hidden. A motivated individual can get to the link and still read the content.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • 2 weeks later...
On 7/14/2021 at 12:59 AM, JessicaO said:

Site URL: https://sellwoodmoreland.com/businesses

Hi! I am trying to find a way to show the read more link on specific blog posts. It will be for a business directory that will only link to the full profile (blog post) if they are a paid member. I've used CSS to turn off the image and title from linking to the blog post.

Should I create links in the excerpt and use code to style them as buttons? If so, any help on what the code should look like?

Or can I use the Source URL to link the blog post for those who should show a read more link and then create code to target that?

Currently, the Read More button is showing for each post.

Here is the webpage and password:

https://sellwoodmoreland.com/businesses

SMBA2021

 

If you need to fix these, let me know, we will help

1. (Mobile – Tablet) Background image don’t show in full size

sellwoodmoreland.com-01-min.png

2. (Tablet – Footer)

sellwoodmoreland.com-02-min.png

3. (Tablet – ) Button overflow outside image

https://sellwoodmoreland.com/membership

sellwoodmoreland.com-03-min.png

4. (Mobile) There is a white bar at bottom of the page

sellwoodmoreland.com-04-2-min.png

5. (Tablet – Join) Reduce white space below image

https://sellwoodmoreland.com/join

sellwoodmoreland.com-05-min.png

6. (Desktop – Join) Image don’t show in full size

https://sellwoodmoreland.com/join

sellwoodmoreland.com-06-min.png

7. (Mobile – Business) Logo is too big, do you want to resize them and make 2 logos/row

https://sellwoodmoreland.com/businesses

sellwoodmoreland.com-07-min.png

8. (Mobile – Business > posts) The same here

https://sellwoodmoreland.com/businesses/bike-gallery

sellwoodmoreland.com-08-min.png

9. (Mobile – Business) Footer overlap on text

sellwoodmoreland.com-01-min.png

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.