- This topic has 9 replies, 2 voices, and was last updated 1 year, 7 months ago by Skandha.
-
AuthorPosts
-
April 30, 2022 at 3:19 pm #304134HansParticipant
Hello Skandha,
I experience some hero content problems.
- 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.
- 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@nlKind regards
Hans Hagmeijer
May 1, 2022 at 11:15 am #304146SkandhaParticipant@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,
SkandhaMay 1, 2022 at 11:41 am #304153HansParticipantHello Skandha,
Thank you. This works.
Kind regards
Hans Hagmeijer
May 1, 2022 at 12:16 pm #304154HansParticipantHello 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
May 1, 2022 at 12:17 pm #304155HansParticipantMay 2, 2022 at 2:02 am #304171SkandhaParticipant@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,
SkandhaMay 2, 2022 at 7:16 am #304189HansParticipantI 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
May 2, 2022 at 8:00 am #304190HansParticipantI 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
May 3, 2022 at 1:29 am #304220SkandhaParticipant@toerfiets: Hello Hans,
Can you re upload the image with cyclist so that I can provide you the necessary CSS Code?
Kind Regards,
SkandhaMay 3, 2022 at 2:04 am #304224SkandhaParticipant@toerfiets: Hello Hans,
I have replied to your issue here.
https://catchthemes.com/support-forum/topic/header-image-24/
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Hero content problems’ is closed to new replies.