Archived topic
Single post header merged - width for headline like content
1 reply · Started by Rolf on December 20, 2018
Hi, I am using an element to control my single post header >
example post: https://freshvanroot.com/blog/2018/17yr-old-niece-uses-smartphone-hannas-perspective/
How can I get the greenish headline element to have the exact same width as the content below:
screenshot: http://take.ms/A0ezL
I know i can change the container setting, but then again the featured image is not full width: http://take.ms/Db10z
these is the code added: http://take.ms/S9DnA
I am looking for a solution that works both desktop / mobile.
Goal is that headline element stays over the featured image, but has the same width as the content container below, if possible.
thanks!
Hi there,
so remove the inline styles from the opening div - so the opening div looks like:
<div class="inside-header">
Then add this CSS:
.page-hero .inside-page-hero .inside-header {
max-width: 740px;
box-sizing: border-box;
padding: 30px;
background-color: #A5B936;
margin-left: auto;
margin-right: auto;
} 