change post preview.

Hi I want to change the post preview. I already managed to center the text and the button too. But strangely the header is not responding to my css. How do I solve this? Now this is the css code I’m using:

.vc_btn3, .page .entry .vc_btn3 {
text-decoration: none !important;
background-color: #617333 !important;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
color: #fff;
background-color: #f4524d;
}
.vc_btn3.vc_btn3-size-md {
font-size: 14px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
text-transform: uppercase;
}
.vc_btn3.vc_btn3-shape-rounded {
border-radius: 0px;

}
.vc_general.vc_btn3 {
display: block;
}
.vc_btn3 {
max-width: 200px; /* Stel hier de gewenste maximale breedte van de knop in / margin: 0 auto; / Automatisch marge aan beide zijden om de knop in het midden te plaatsen / } /centreren tekst in voorproef nieuwsberichten op homepage*/
.vc_custom_heading {
text-align: center;
}
.vc_custom_heading h4 {
text-align: center;
}

this is the html code:

<div class="vc_gitem_row vc_row vc_gitem-row-position-top"><div class="vc_col-sm-12 vc_gitem-col vc_gitem-col-align-"><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_title"><h4 style="text-align: left">Modernisering website Oud-Tzummarum</h4></div><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_excerpt"><p style="text-align: left"></p><p>De Modernisering van Oudtzummarum.nl: Een nieuw tijdperk van toegankelijkheid en samenwerking. Welkom bij de vernieuwde Oudtzummarum.nl – een website die zich volledig heeft gemoderniseerd om aan de behoeften van onze bezoekers te voldoen en het verleden van Tzummarum en Firdgum te koesteren. De overgang naar deze nieuwe website was een noodzakelijke stap om te voldoen […]</p>
<p></p></div><div class="vc_btn3-container vc_btn3-left"><a class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-color-juicy-pink" a=""  title="Meer lezen">Meer lezen</a></div></div></div>

So as you can see it’s about the h4 item. I also want this in the center.