Change blog header text

Without border

.blog-preview h4 {

    font-size: 0; /* hides original header text */

}

.blog-preview h4 a {

    font-size: 0.8rem; /* restores the link text */

    font-weight: normal; /* optional: match link style */

    color: #C4F6FF; /* match other links */

}

.blog-preview h4::before {

    content: "Latest Blog Entries ";

    font-family: 'Play', sans-serif;

    font-size: 0.8rem;

    font-weight: bold;

    color: #C4F6FF;

}

With border

.blog-preview h4 {

    font-size: 0; /* hides original header text */

}

.blog-preview h4 {

    display: block;             /* full width like blurb header */

    padding: 2px 6px;

    border: 2px solid grey;

    border-radius: 0px;

    text-align: left;           /* text sticks to left */

    width: 100%;                /* full width of container */

    box-sizing: border-box;     /* include padding in width */

}

.blog-preview h4::before {

    content: "Latest Blog Entries ";

    font-family: 'Play', sans-serif;

    font-size: 0.8rem;

    font-weight: bold;

    color: #C4F6FF;

}

.blog-preview h4 a {

    font-size: 0.8rem;

    font-weight: normal;

    color: #C4F6FF;

}

.blog-preview h4 a {

    font-size: 14px; /* restore link visibility */

}