[Resolved] Single Post – Site Library Template Dispatch

Home Forums Support [Resolved] Single Post – Site Library Template Dispatch

Home Forums Support Single Post – Site Library Template Dispatch

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #1663806
    Butch Pornebo

    Using Site Library Template Dispatch
    https://gpsites.co/dispatch/using-wp-show-posts/

    On Single Post MOBILE VIEW,

    There is a big gap between the bottom of page hero and content.

    If it is in the customizer, I just can’t find it right or do I need a CSS mod for this?

    #1663807
    Butch Pornebo

    In desktop view it looks just fine.

    #1663812
    Butch Pornebo

    Question #2 on Page Hero

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

    #1663832
    Ying
    Staff
    Customer Support

    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.

    #1663839
    Butch Pornebo

    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?

    #1663853
    Ying
    Staff
    Customer Support

    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 πŸ˜›

    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

    #1663889
    Butch Pornebo

    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.

    #1663891
    Ying
    Staff
    Customer Support

    No problem πŸ™‚

    #1664980
    Butch Pornebo

    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

    #1665018
    Ying
    Staff
    Customer Support

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

    #1665090
    Butch Pornebo

    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?

    #1665093
    Ying
    Staff
    Customer Support

    Yes you are right, use F12, chrome’s developer tool πŸ™‚

    #1665116
    Butch Pornebo

    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?

    #1665146
    Ying
    Staff
    Customer Support

    Maybe start from searching how to use chrome developer tool?

    #1665161
    Butch Pornebo

    ok. cool.

    thanks for the assist

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.