[MC-Photography]

I 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-Fotografie

Is it possible to put the abstract image in a box that does not fill the whole front page? Thanks in advance.

Kind regards,
Max

[Skandha]

@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,
Skandha

[MC-Photography]

Here is the image:
Frontpage image

I 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.

[MC-Photography]

Found the “Top Menu” customizer. So that one is resolved.

[Skandha]

@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,
Skandha

[MC-Photography]

Hello 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,
Max

[Skandha]

@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

[Author]

Posts