Tagged: background, Hero image, not fullsize, resize
- This topic has 6 replies, 2 voices, and was last updated 3 years, 2 months ago by
Skandha.
-
AuthorPosts
-
May 19, 2021 at 1:57 pm #282387
MC-Photography
ParticipantI have a question regarding the image on the front page.
In the template it takes the whole space of the site, however I wwould like it to be centered but with space around it so that it can resize with the viewpoint/window size. I currently went the rout to create an image with the borders around it in Photoshop and put it in the header media.
Since I was able to get the website live, here is the link: HPC-FotografieIs it possible to put the abstract image in a box that does not fill the whole front page? Thanks in advance.
Kind regards,
MaxMay 20, 2021 at 3:11 am #282444Skandha
Participant@mc-photography: Hello Max,
Can you just upload just the image without border that you added and let me know so that I can try making it look how you want?Kind Regards,
SkandhaMay 20, 2021 at 2:32 pm #282480MC-Photography
ParticipantHere is the image:
Frontpage imageI would like it to be positioned where it is at the moment but for it to be responsive when adjusting the browser window or changing to mobile. There is the next problem, I have not found where I can change the “Top Menu” in the customizer. At this moment it looks weird with two menus at the top.
May 20, 2021 at 2:38 pm #282481MC-Photography
ParticipantFound the “Top Menu” customizer. So that one is resolved.
May 21, 2021 at 1:31 am #282556Skandha
Participant@mc-photography: Hello Max,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code..custom-header::before { background-image: unset; } .has-header-media .custom-header .wp-custom-header img { display: block; } .custom-header { min-height: auto !important; }
Let me know if this works out!
Kind Regards,
SkandhaMay 21, 2021 at 6:32 am #282599MC-Photography
ParticipantHello Skanha,
As for the source code, yes that is what I meant. Just that I had problems finding the right color picker to only change the front page color.
I’d like the background color on the front page to be as it is now (the dark gray) but not change the background color of the rest of the pages. Maybe I just took the wrong color to change?Kind regards,
MaxMay 24, 2021 at 4:51 am #282828Skandha
Participant
@mc-photography: Hello Max,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.body:not(.home) #colophon { background: #fff; }
Let me know if this works out!
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Hero-image’ is closed to new replies.