Hey these are all related questions on Section so I figured I’d put them into one support request.
1) What is the difference between Upper and Lower background layers of a section?
I am unsure how this works in terms of the image or video. I usually use the lower layer, yet to not yet understand how the upper layer even functions. Is it like a layer in photoshop? Confused.
2) How to create an 'improv header’
I want to create a kind of header. I cannot use X Pro headers as it overrides and removes the ethos post carousel in the process (which I’ve already discussed with Apex). What I want is to have a section that goes ALL the way across the screen and has the normal sidebar and content below it. While I recognize this could be done with a fullwidth page and a 1/4+3/4 column layout w/widget element and content, I’m wondering if there is an easier way to do this.
Here is the example —> https://intothemythica.com/header-attempt-example/
In that example, the ‘Academy’ image stops at the edge of the sidebar. Also, it has whitespace. I have tried to adjust the margins & padding and what-not yet cannot get it to be flush with the edge of the sidebar or the edge of the screen.
I would like -
a) To have the section go across the full screen, much like a “header” beneath the main menu that I shall use for different areas of the site.
- or *
b) The CSS on how to make the image be flush with the sidebar and the edge of the screen (instead of the whitespace on the edges as it is now)
I could then turn that ‘improv header’ into a page or a block template and move from there, however I am wondering if there is a CSS or other solution
3) How to stretch a section across the entire screen
This may be answered in the previous question, yet the first question is about a post w/standard sidebar whereas I am wondering how to generally stretch a section across the screen to create that faux header. Example – https://intothemythica.com/akasha-2/
(different from the previous question, this one focuses more on the idea of not a regular post w/sidebar, but a full page that I wish to create a faux section header with, though it is a similar principle)
3a) How to remove the post title to make it visually clean
Again, I feel this relates to the overall design question, which is echoed on the example above. If we do this with CSS, how to make the post title disappear on a per-post basis so as to make it clean and flush?
4) How to make an entire section clickable
What is the CSS to make an entire section clickable on a per-section basis?
Thank You!