Archived topic
Make page text container span over header element from below
4 replies · Started by g_younes on August 22, 2019
This might be a bit advanced but I am trying to make the text inside my container span over the bottom section of my header. My header is set to full width and full screen, and that's how I want it, but I also want that when we open the page, a small portion of the text from below is visible. Something similar to this:
https://www.bcg.com/industries/health-care-payers-providers/default.aspx
But without needing to scroll to see the beginning of the text.
I am using a header element as a header for my pages. Padding was not helping (and it would be great if there is a way to make the image appear from the left and right sides, while only the *middle* text container spans over it.)
If this is hard to achieve with current settings then it's okay, just thought I would ask if I was missing something. Thank you!
Okay I found out how to do it:
.inside-article{
margin-top: -200px;
}
That's it, it's resolved. Thank you anyway!
Glad you found the solution :) You may want to be more specific with your CSS as this will also effect any Blog/Archive articles as well as posts.
To target just the posts for example use: .single-post .inside-article
Thank you! Will be doing that.
You're welcome
