7.1 – How to disable metadata links or hide metadata in blog posts - only in one of two blogs used on the site

I have two blog pages on my site.
In only one of them i would like to disable all links in the metadata - author, tags, categories - that appear in the posts. Alternatively i could also hide all this metadata but i'd prefer to only disable the links.

I tried to insert what is below into the header code injection in the advanced settings of the blog page... appears to be wrong...
 

<style>
.view-item.collection-type-blog .entry-info {
   display: none;
}
</style>

Can you share link to a blog post? We can help easier

oh sorry for not getting back earlier - didn't receive a notice that there was an answer. thank you.

pw for website is anothersite

this here is a post - https://luhmendarc.squarespace.com/news/beata-bei-den-expertinnen-talks-zur-eroeffnung-des-iksk-berlin - i would like to show the author name and the tags here but disable the links that would lead to the filtered blog page.

if it is not possible to disable the links, it's also ok to just hide them.

but i am using two blogpages on my site - the NEWS and THE PILLOW BLOG - and i want this only for the NEWS. The other blog should have normal tag, category, author functions.

On 12/12/2020 at 1:12 AM, luhmendarc said:

oh sorry for not getting back earlier - didn't receive a notice that there was an answer. thank you.

pw for website is anothersite

this here is a post - https://luhmendarc.squarespace.com/news/beata-bei-den-expertinnen-talks-zur-eroeffnung-des-iksk-berlin - i would like to show the author name and the tags here but disable the links that would lead to the filtered blog page.

if it is not possible to disable the links, it's also ok to just hide them.

but i am using two blogpages on my site - the NEWS and THE PILLOW BLOG - and i want this only for the NEWS. The other blog should have normal tag, category, author functions.

Add to News Page Settings > Advanced > Header

<style>
  span.blog-item-tag-wrapper {
    pointer-events: none;
}
</style>

thank you so much!

with this the tags on the bottom are no links anymore.

but the author above the title still is. is there also a chance to get rid of the link there?

and may i asked just as an alternative option:
what would be the way to not show the tags in the bottom at all?

to hide tags

<style>
  span.blog-item-tag-wrapper {
    display: none !important;
}
</style>

thank you very much!

could you also still help me with a solution for disabeling the author-link in a blog post?
above the title i would like to show the author but not have it a link.

hmmm... and i just realized that on the front page i use an event block where i also show the location in the meta data. this location text is a link, too - it would be better, if it wasn't. is it possible to disable that link, too?

1 hour ago, iridescentmatters said:

could you also still help me with a solution for disabeling the author-link in a blog post?
above the title i would like to show the author but not have it a link.

You can extend the CSS @tuanphan provided...

On 12/12/2020 at 6:50 PM, tuanphan said:

<style> span.blog-item-tag-wrapper { pointer-events: none; } </style>

...with something like the following.

<style>

  .blog-author-name,
  span.blog-item-tag-wrapper
  
    {
    
      pointer-events: none;
      
      }
      
  </style>

Let us know how it goes.

1 hour ago, iridescentmatters said:

i use an event block where i also show the location in the meta data. this location text is a link, too - it would be better, if it wasn't.

For that page go to Page Settings > Advanced > Page Header Code Injection and add the following.

<style>

  .summary-metadata-item--location {
    
    pointer-events: none;
    
    }
    
  </style>

Let us know how it goes.

yeay! it all works. thank you two so much, makes me super happy to find help here!

On 12/20/2020 at 3:43 PM, iridescentmatters said:

yeay! it all works. thank you two so much, makes me super happy to find help here!

I see Pagination title too big on mobile. You can add this to Design > Custom CSS to resize it.

/* resize mobile blog pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 14px !important;
}
}

On Tablet, blog content is a bit narrow. You can check.

If you want to increase width, use this CSS

/* blog content width */
@media screen and (max-width:991px) and (min-width:768px) {
div.blog-item-inner-wrapper {
    width: 90% !important;
}
}

oh, thank you! great!
i'm not sure where to insert this though. i tried the pagination code and put it in the css of the blog page, but then the text appeared in the header of the page.

what did i do wrong?

Add this to line 07

<style>

and add this to Line 14

</style>

On 12/23/2020 at 5:20 AM, iridescentmatters said:

oh, thank you! great!
i'm not sure where to insert this though. i tried the pagination code and put it in the css of the blog page, but then the text appeared in the header of the page.

what did i do wrong?