Make summary block look like blog page

On 9/15/2024 at 9:22 PM, koocm said:

Site URL: https://www.newground.co.nz

Hoping this is an easy fix to make my summary block page (https://www.newground.co.nz/open-investments) look the same as the main blog page (https://www.newground.co.nz/investment-portfolio)

 

Many thanks

koocm

I have now resolved with the following CSS code added thank you @tuanphan:

section[data-section-id="66e6b6674872bd618f4a0c10"] {
.summary-metadata-container.summary-metadata-container--above-title {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
time.summary-metadata-item.summary-metadata-item--date:after {
    display: none !important;
                font-weight: bold;
}
.summary-metadata.summary-metadata--secondary:after {
    content: "|";
    margin-right: 5px;
}
 
.summary-title-link {
    font-size: 1.2em;
    line-height: 2.6;
                font-weight: bold;
}
.summary-item {
    display: flex !important;
    align-items: center;
}
.summary-thumbnail-outer-container {
    margin-right: 50px;
    width: calc(~"45% - 50px") !important;
}
.summary-content {
    width: 55% !important;
}
img.summary-thumbnail-image.loaded {
    width: 100% !important;
    height: auto !important;
  }}