[Hans]

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: staging.toerfietsleusden@nl

   Kind regards

   Hans Hagmeijer

[Skandha]

@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

[Hans]

Hello Skandha,

Thank you. This works.

Kind regards

Hans Hagmeijer

[Hans]

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

[Hans]

Here you see the image on the internet

[Skandha]

@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

[Hans]

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

 

 

[Hans]

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

 

[Skandha]

@toerfiets: Hello Hans,

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

Kind Regards,
Skandha

[Skandha]

@toerfiets: Hello Hans,

I have replied to your issue here.

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

Kind Regards,
Skandha

[Author]

Posts