Blog page - remove date stamp and reduce padding

Site URL: https://roamerbatteries.com/stories

Hello,

I have been digging deep to try figure out how to remove the date stamps off my blog posts. I have figured it out by using the following code on the advanced section of the stories page. However now it leaves so much space below the header. Can you help me fix this? https://roamerbatteries.com/stories

<style>
  /* for stories */
  time.summary-metadata-item.summary-metadata-item--date {
    display: none !important;
}
</style>

I have also noticed that since I added the code below to my website to make my blog posts into cards on the stories page it has affected summary blocks elsewhere on my website. Is it possible just to target the stories page? For example the summary module on here has changed too  https://roamerbatteries.com/shop/p/12v460ah

// DB Summary Block Design //

.sqs-block-summary-v2 .summary-item {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
  -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
  box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
}

// DB Summary Block Image Radius //

.sqs-block-summary-v2 .summary-thumbnail {
  border-radius: 5px 5px 0px 0px;
}

// DB Summary Content Padding //

.sqs-block-summary-v2 .summary-item .summary-content {
    padding: 20px 40px 20px 40px;
}

// DB Summary Block Button //

.sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link {
  display: inline-block;
  margin-top: 10px;
  background-color: #e2e2e2;
  color: #333333;
  border: 0px solid white;
  border-radius: 0px;
  padding: 10px 20px;
  font-size: 16px;
  font-family: address-sans-pro-condensed;
  font-weight: 400;
  text-transform: uppercase;
}

Thank you

Holly

Hey @Roamer use а default summary options to hide a date. Just set metadata to "none" like on this screenshot. For the targeting Your summary block on history page use next id #block-e875fa53c8677b93cc62 and replace each .sqs-block-summary-v2 ... to #block-e875fa53c8677b93cc62.sqs-block-summary-v2

Thank you that all worked perfectly apart from on my stories page the cards aren't appearing on the 'Installation stories' section and the 'Maintenance stories' section.

Is it possible to target all summary blocks on this page to be cards?

https://roamerbatteries.com/stories

Thank you - appreciate your help

31 minutes ago, Roamer said:

Thank you that all worked perfectly apart from on my stories page the cards aren't appearing on the 'Installation stories' section and the 'Maintenance stories' section.

Is it possible to target all summary blocks on this page to be cards?

https://roamerbatteries.com/stories

Thank you - appreciate your help

Okay, let's change #block-e875fa53c8677b93cc62.sqs-block-summary-v2 to #collection-61b9c69988eab76b4cd078d4 .sqs-block-summary-v2

Let me know if this works for You.

Thank you that would perfectly. 

Thanks for your help and speedy response 🙂

3 minutes ago, Roamer said:

Thank you that would perfectly. 

 

Thanks for your help and speedy response

Always happy to help!