- 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 #304134
Hans
ParticipantHello 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 #304146Skandha
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,
SkandhaMay 1, 2022 at 11:41 am #304153Hans
ParticipantHello Skandha,
Thank you. This works.
Kind regards
Hans Hagmeijer
May 1, 2022 at 12:16 pm #304154Hans
ParticipantHello 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 #304155Hans
ParticipantMay 2, 2022 at 2:02 am #304171Skandha
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,
SkandhaMay 2, 2022 at 7:16 am #304189Hans
ParticipantI 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 #304190Hans
ParticipantI 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 #304220Skandha
Participant@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 #304224Skandha
Participant@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.