Can't find the CSS that is over- riding new formatting

Hi! 

I'm crossing my fingers that someone can help  - i've been banging my head against the wall on this one. 

I am trying to create a summary block on my homepage that shows the most recent articles as cards but something is overriding my formatting. I've combed through the CSS to find out what it might be but i've come up with nothing. The website is Finallyhomejc.com, the block is the second one down (image attached). I've included below  the CSS code that I've been working on to reformat the summary posts just the way I want them to show up

 

 

 

/*add background to title*/

.summary-block-setting-design-carousel {.summary-content {

background-color: #f9f5f2;

padding-top: 30px;

padding-left: 20px;

padding-right: 20px;

padding-bottom: 20px;

position: relative;

z-index: 1;

top: -20px;

/*add border to bottom of card*/

border-bottom: 6px solid #f2eee4}}

/*send background to back of page*/

.summary-thumbnail-outer-container {z-index: 10;}

/*add border to image*/

.sqs-block-summary-v2.img-wrapper, .sqs-block-summary-v2, .sqs-video-wrapper {border: 6px solid #f2ece5;}

/*add read more overlap*/

.sqs-gallery-design-carousel-slide .summary-thumbnail-container::after 

{content: '· read more ·';

font-style: italic;

font-size: 14px;

color: #1d3451;

position: absolute;

top: 92%;

bottom: 0%;

left: 20%;

right: 20%;

background: #f2ece5;

opacity: 1;

padding: 20px;

display: flex;

align-items: center;

justify-content: center;box-sizing: border-box;

text-align: center;}

/*summary block title font styling*/ .sqs-block-summary-v2 {.summary-title, .summary-heading {

font-family: Baskerville;

font-weight: 400;

font-size: 22px !important;

color: #1d3451;

line-height: 26px;

padding: 8px;

text-transform: none;

font-style: none;} 

/*summary block meta data font styling*/

.summary-metadata-item {

font-family: quicksand;

font-weight: 600;

text-transform: uppercase;

font-size: 12px !important;}}

Hi! 

I'm crossing my fingers that someone can help  - i've been banging my head against the wall on this one. 

I am trying to create a summary block on my homepage that shows the most recent articles as cards but something is overriding my formatting. I've combed through the CSS to find out what it might be but i've come up with nothing. The website is Finallyhomejc.com, the block is the second one down (image attached). I've included below  the CSS code that I've been working on to reformat the summary posts just the way I want them to show up

 

 

 

/*add background to title*/

.summary-block-setting-design-carousel {.summary-content {

background-color: #f9f5f2;

padding-top: 30px;

padding-left: 20px;

padding-right: 20px;

padding-bottom: 20px;

position: relative;

z-index: 1;

top: -20px;

/*add border to bottom of card*/

border-bottom: 6px solid #f2eee4}}

/*send background to back of page*/

.summary-thumbnail-outer-container {z-index: 10;}

/*add border to image*/

.sqs-block-summary-v2.img-wrapper, .sqs-block-summary-v2, .sqs-video-wrapper {border: 6px solid #f2ece5;}

/*add read more overlap*/

.sqs-gallery-design-carousel-slide .summary-thumbnail-container::after 

{content: '· read more ·';

font-style: italic;

font-size: 14px;

color: #1d3451;

position: absolute;

top: 92%;

bottom: 0%;

left: 20%;

right: 20%;

background: #f2ece5;

opacity: 1;

padding: 20px;

display: flex;

align-items: center;

justify-content: center;box-sizing: border-box;

text-align: center;}

/*summary block title font styling*/ .sqs-block-summary-v2 {.summary-title, .summary-heading {

font-family: Baskerville;

font-weight: 400;

font-size: 22px !important;

color: #1d3451;

line-height: 26px;

padding: 8px;

text-transform: none;

font-style: none;} 

/*summary block meta data font styling*/

.summary-metadata-item {

font-family: quicksand;

font-weight: 600;

text-transform: uppercase;

font-size: 12px !important;}}

You mean

You want summary block like this screenshot?