Jump to content

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

Recommended Posts

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>
Link to comment
  • Replies 13
  • Views 1.8k
  • Created
  • Last Reply

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.

Link to comment
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>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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.

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
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.

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
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;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

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?

Bildschirmfoto 2020-12-22 um 23.17.49.png

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.