Hi,
I have the latest Cardio theme installed on WP and am trying to reduce the height of the inner banner container across all my pages. I have tried rmodifying the inner banner CSS but cannot get the outcome I would like.
I would like to reduce the inner banner container height by 50%, while keeping the entry-header text vertically and horizontally centered over the banner.
Below is the inner banner CSS. Please help!
————————————————————– */
.innerbanner{ text-align:center; height:400px; overflow:hidden; position:relative;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}
.entry-header { position:relative; top:50%; left:0; right:0; }
.innerbanner .entry-header{ position:absolute;}
h1.entry-title{ text-transform:uppercase; padding-bottom:15px; margin-bottom:30px; border-bottom:2px solid #ffffff; display:inline-block}
.content-area h1.entry-title { border-bottom:2px solid #25292c;}
Thanks,
Alex
.
