Hide date for a single specific summary block thumbnail

junger · March 26, 2022

Site URL: https://antelope-rhino-g4b6.squarespace.com/webinar-series-blog

I would like to remove the date for only a specific summary block thumbnail. I think this should be doable by using the link attribute css.

https://antelope-rhino-g4b6.squarespace.com/webinar-series-blog

Trying to remove date of thee January 12 Post.

I'm able to change the color of the title for a single thumbnail but I can't figure out removing the date for a single post.

I tried this:

a[href*="webinar-series-1/announement"] .summary-metadata-container.summary-metadata-container--below-content {display:none !important;}

Anyone know what I'm doing wrong?

tuanphan · March 26, 2022

a tag is in a different position from the element containing the time tag, so CSS can't solve your problem.

Add this to Webminar Series Blog Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
  $('a[href*="/webinar-series-1/announement"]').parents('.summary-item').addClass('hide-date');
});
</script>
<style>
  div.hide-date time {
    display: none !important;
}
</style>

Edited March 26, 2022 by tuanphan
add explain

Hide date for a single specific summary block thumbnail

Recommended Posts

junger

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources