Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #282387
    MC-Photography
    Participant

    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

    #282444
    Skandha
    Keymaster

    @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

    #282480
    MC-Photography
    Participant

    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.

    #282481
    MC-Photography
    Participant

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

    #282556
    Skandha
    Keymaster

    @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

    #282599
    MC-Photography
    Participant

    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

    #282828
    Skandha
    Keymaster


    @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

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Hero-image’ is closed to new replies.