Summary block - How to change Delimiter style?

Hi,

I cant find anywhere to change delimiter style on a summary block, does it needs coding?

Inside the "blog", there is an option to change it.

Hi,

Can you share link to page where you use summary block? We can check easier

Summary block under nyheter / news: backup-20230726.squarespace.com ; pass: 048900

Under "Äldre inlägg"/"Older posts" i managed to change it without any code.

Also under Read more specifik post, the picture is above the text, you guys know how to make it like the two first pages?

I manged to add "|" but i can't get rid of the "•" with this code (maybe im getting close?):

.summary-metadata--primary:after {
  content: "|";
  font-weight: 500;
  padding-left: 0.25px;
  padding-right: 4.5px;
}

Now its looking like this: " Göteborg • | 8 juli 2023 "

Add this to Design > Custom CSS to remove it

.sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summary-metadata--primary .summary-metadata-item:after {
    display: none;
}

2 hours ago, tuanphan said:

Add this to Design > Custom CSS to remove it

.sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summary-metadata--primary .summary-metadata-item:after {
    display: none;
}

 

Thanks mate! That worked!

Then i have one more question. Is it possible to use an CSS code instead of JavaScript coding to get the date the way i have it now inside blog posts (items)?

Also when im trying to use this on the first page for the Summary block, some of the "News" get invalid date, you know how to fix that?

<script> document.addEventListener("DOMContentLoaded", function(event) {
    var dateMeta = document.querySelector('[itemprop=datePublished]');
    if (dateMeta != null) {
      var publishedDate = new Date(dateMeta.content);
      var dateElem = document.querySelector('time span');
      updateDateElement(dateElem, publishedDate);
    }
    else {
      var times = document.querySelectorAll('time');
      for (var i = 0; i < times.length; i++) {
        var dateElem = times[i];
        var publishedDate = new Date(dateElem.innerHTML);
        updateDateElement(dateElem, publishedDate);
      }
    }
  });
  function updateDateElement(elem,date) {
    var dateFormat = { year: 'numeric', month: 'numeric', day: 'numeric' };
    var newFormat = date.toLocaleDateString(undefined, dateFormat);
    elem.textContent = newFormat;
  }
</script>

You can see this guide