Single Post - Site Library Template Dispatch

In desktop view it looks just fine.

Question #2 on Page Hero

How do I place a transparent background color overlay instead of gradient overlay?

Hi Butch,

For question 1:

1. Go to Customizing > Layout > Container, set Content Padding Top to 0.

2. If the space is still to big, try add this CSS:

@media (max-width: 768px) {
    .single .entry-content {
        margin-top: 0;
    }
}

For question 2:
Go to appearance > elements, find the header element that's assigned to post, remove overlayfrom its Element Classes.

1) Content Padding Top it was already set to 0 prior.

2) I'll try that css mod and let you know

3) After setting element class overlay to none, ow I just want to set a transparent background color on top of the image. What is the css code I can use for that?

1) Well I was looking at the Dispatch site not your site, so I had no idea that your top padding has set to 0 :P

2) It should work :)

3) You could add overlay color to page hero in the header element.
https://docs.generatepress.com/article/header-element-overview/#background-overlay
https://www.screencast.com/t/A7JSa90rW

2) Work :)

3) It was staring straight at me. 2 Days of looking at customizer and css is getting me all cross-eyed :)

Thanks for the assist.

No problem :)

this is what I added and it seems not to be working

@media (max-width: 768px) {
.single .entry-content {
margin-top: 0;}
#main {
margin-top: 0;}
}

On Mobile view, there is still a big gap between the bottom of page hero/post title and the start of content.

Post URL in private info

You seem to have an extra }in your CSS:
https://www.screencast.com/t/HtcXAd3tHcbs

wow; I'll go blind before I can see that :) Thanks for the save.

on the screenshot above will all the CSS Mods,

how I do see that too outside of the customizer? Using Chrome F12 and what option?

Yes you are right, use F12, chrome's developer tool :)

there are too many options on that tool

if you don't mind can you make a quick screencast on how to get that? or is there a term I can search in google to show me how to get to that?

Maybe start from searching how to use chrome developer tool?

ok. cool.

thanks for the assist