Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #304134
    Hans
    Participant

    Hello Skandha,

    I experience some hero content problems.

    1. If I want position the hero content section just under the header media, the distance is zero px. Is it possible to have some space between the header image and the hero content section.
    2. I know how to remove the title in css. If I do so, then there is a gap between the top of hero content section and the text. Is it possible to rise the text to the top?
      you can see things on: [email protected]

      Kind regards

      Hans Hagmeijer

    #304146
    Skandha
    Participant

    @toerfiets: Hello Hans,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    
    /* To have a little space between Header Image and Hero Content */
    #hero-section {
    margin-top: 30px;
    }
    
    /* To deacrease the space above Hero Content section text */
    #hero-section .entry-container {
    padding: 10px 50px;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #304153
    Hans
    Participant

    Hello Skandha,

    Thank you. This works.

    Kind regards

    Hans Hagmeijer

    #304154
    Hans
    Participant

    Hello Skanda,

    On the second view, this isn’t working.

    If I add the css, the header media image becomes smaller. Now the people on the header image are beheaded partially.

    You see it after I saw after viewing the website as it is on the internet.

    Here you see the header image at the css page:

    Here you see the image at the internet

    Kind regards

    Hans Hagmeijer

    #304155
    Hans
    Participant
    #304171
    Skandha
    Participant

    @toerfiets: Hello Hans,

    I checked your site and the Header Image seems to be showing up fine at my end. Are you still having the issue?

    Kind Regards,
    Skandha

    #304189
    Hans
    Participant

    I still have this issue. I work on a MacBook Pro 13 inch. Maybe the screen is the problem that I see thing wrong, but that should not be a problem, I think.

    I searched the forum and the internet for a solution, but I didn’t’t see one.

    After inputting the custom css, it looks like if the custom css pushes the header image up.

    Kind regards

     

    Hans Hagmeijer

     

     

    #304190
    Hans
    Participant

    I tried a number of things, I think it is a theme problem. I used the demo image for header content. The result is fine during adapting the site.

    But when the site is on the internet, the image is not the same. The upper side is partially gone. You can see the head of the women on the demo image. You got my credentials. Please look at it and see the difference between the concept mode and the internet mode. I tried this on several domains and every time with the same result: the beheaded image.

    Now on staging.toerfietsleusden I don’t use any css.

    Kind regards

    Hans Hagmeijer

     

    #304220
    Skandha
    Participant

    @toerfiets: Hello Hans,

    Can you re upload the image with cyclist so that I can provide you the necessary CSS Code?

    Kind Regards,
    Skandha

    #304224
    Skandha
    Participant

    @toerfiets: Hello Hans,

    I have replied to your issue here.

    https://catchthemes.com/support-forum/topic/header-image-24/

    Kind Regards,
    Skandha

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Hero content problems’ is closed to new replies.