Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


iridescentmatters

Question

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 post
  • Answers 13
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

You can extend the CSS @tuanphan provided... ...with something like the following. <style>   .blog-author-name,   span.blog-item-tag-wrapper        {            pointer-events: none;

For that page go to Page Settings > Advanced > Page Header Code Injection and add the following. <style>   .summary-metadata-item--location {          pointer-events: none;          }

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

Posted Images

13 answers to this question

Recommended Posts

  • 0

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 post
  • 0
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>

 

Link to post
  • 0

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?

Link to post
  • 0
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 best , and see my profile. Thanks for your support!

Link to post
  • 0
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 best , and see my profile. Thanks for your support!

Link to post
  • 0
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;
}
}

 

Link to post
  • 0

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

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...