Remove author, date and newer/older in Hayden (Bedford family) blogs

Hi there

I use the Hayden template (Bedford family) and need to remove the date and author at the top and newer/older post at the bottom.

Also, in AMP format, I would like to remove date and author at the top and "Discover more from XXX" at the bottom.

Does anyone know what code to inject for this?

Many thanks

Please post the URL for your site. Depending on what settings you having going on site your will dictate what code we provide.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

We can then take a look at your issue.

Thank you for your quick reply, Creedon.

The website is https://www.lipotherapeia.com/ and blog url is https://www.lipotherapeia.com/the-peach-factor-blog.

looking forward to your reply.

(At the moment I have date and author in the same colour as the white background in normal view, which does the job, but not a proper solution)

Quote

remove author at the top

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

<style>

  .entry-dateline,
  .pagination
  
    {
    
      display : none;
      
      }
      
  </style>

This is for v7.0 using Bedford template family.

Let us know how it goes.

Thank you, that worked fine!

Can we do something to eliminate date/author/"discover more from xxx" from AMP view?

Where is this AMP view?

Post example:

https://www.lipotherapeia.com/the-peach-factor-blog/plastics-bpa-and-cellulite?format=amp

I have tried that and it's active now on blog. Still hides everything in normal view, but nothing changed in AMP view. 

Now that I look more deeply into the situation it appears as though there is no way to change the presentation of the AMP format. ☹️

You can remove the lines...

  .amp-article-author-name,
  .amp-article-html-block p:nth-last-of-type( 3 ),
  .amp-article-pubdate,

My apologies for getting your hopes up.

Thank you for your help? May I ask why AMP presentation cannot be changed?

AMP is designed to be fast loading so I assume Squarespace chose to not provide ways to customize it or it wasn't on their radar when they implemented the feature.

Technically there isn't a reason SS couldn't add features to allow AMP customization. But that would be a feature request that you would need to submit to SS.

Thank you!

One more thing.

Is there any way I can use ">" and "<" for pagination at the bottom, as opposed to "Newer post" "Older post"?

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

<style>

  .next-label,
  .prev-label
  
    {
    
      visibility : hidden;
      
      }
      
  .next-label:before {
  
    content : '>';
    visibility : visible;
    
    }
    
  .prev-label:before {
  
    content : '<';
    visibility : visible;
    
    }
    
  </style>

This if for v7.0 using the Bedford template family.

You will need to remove the CSS selector for hiding the pagination of course. Also you may want to add some font properties to adjust size and such.

Let us know how it goes.

On 4/5/2021 at 5:01 PM, creedon said:

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

<style>

  .next-label,
  .prev-label
  
    {
    
      visibility : hidden;
      
      }
      
  .next-label:before {
  
    content : '>';
    visibility : visible;
    
    }
    
  .prev-label:before {
  
    content : '<';
    visibility : visible;
    
    }
    
  </style>

This if for v7.0 using the Bedford template family.

You will need to remove the CSS selector for hiding the pagination of course. Also you may want to add some font properties to adjust size and such.

Let us know how it goes.

That's great thank you!

How do I remove " VIEW POST" from the banner on https://www.lipotherapeia.com/skincare?

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

<style>

  .sqs-featured-posts-gallery .gallery-wrapper .posts .post .view-post {
  
    display : none;
    
    }
    
  </style>

This if for v7.0 using the Bedford template family.

Let us know how it goes.

Thank you, that was great!

On 3/31/2021 at 7:57 PM, creedon said:

 

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

<style>

  .entry-dateline,
  .pagination
  
    {
    
      display : none;
      
      }
      
  </style>

This is for v7.0 using Bedford template family.

Let us know how it goes.

Is it possible to eliminate the "Newer post" and "Older post" text plus the blog post titles underneath them with "<" and ">" but with the hyperlinks to the newer/older posts intact?

Example: https://www.lipotherapeia.com/the-peach-factor-blog/25-things-you-did-not-know-about-fat

Thanks

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

<style>

  .pagination .next-label,
  .pagination .prev-label {
  
    display : none;
    
    }
    
  .pagination .newer *,
  .pagination .older *
  
    {
    
      height : 0;
      
      }
      
  .pagination .newer a span,
  .pagination .older a span
  
    {
    
      font-size : 24px;
      font-weight : 400;
      visibility : hidden;
      
      }
      
  .pagination .newer a span:before {
  
    content : '<';
    visibility : visible;
    
    }
    
  .pagination .older a span:before {
  
    content : '>';
    display : block;
    visibility : visible;
    
    }
    
  </style>

This if for v7.0 using the Bedford template family.

Let us know how it goes.

Unfortunately this didn't do anything at all. The pagination stayed as before.

It appears something has gone wrong with your copy/paste.

Those &nbsp; characters shouldn't be there.