Change position main image. How?

  • Dennis
    Dennis
    Newbie 9 points
    August 20, 2015 at 1:15 pm

    Hi There,

    How can I change the position of the main image in the header (man with drawing). I changed the image (see custom meta data below) but don’t know how to change the position of the image (more to the left for example and a bit lower). And… when I downsize the windowsize the image repeats itself? Don’t understand this. I’ve tried to place a full size image (1170 px wide) but that doesn’t work and the man in the picture ends up behind the search box.

    <style>
    #HomePageSearchBox .container {
    background-image: url(https://www.iddsrecruitment.nl/wp-content/uploads/2015/08/header-temp-man-02.jpg);
    }
    </style>

    Can you someone help me with this? Thanks in advance.

    Kind regards, Dennis

    Attachments:
    You must be logged in to view attached files.

  • Josh
    Super Guru 13,875 points
    August 20, 2015 at 1:48 pm

    Hello Dennis,
    <style>
    #HomePageSearchBox .container {
    background-image: url(https://www.iddsrecruitment.nl/wp-content/uploads/2015/08/header-temp-man-02.jpg) no-repeat;
    }
    #homepage-search {
    padding-left:30px;
    }
    </style>

  • Dennis
    Dennis
    Newbie 9 points
    August 20, 2015 at 1:54 pm

    Hello Josh,

    When i put in the code the ‘old’ picture of the man (from the theme) pops up again?? while the url of the new picture is in the code.

    https://www.iddsrecruitment.nl


  • Josh
    Super Guru 13,875 points
    August 20, 2015 at 2:00 pm

    Try this
    <style>
    #HomePageSearchBox .container {
    background-image: url(https://www.iddsrecruitment.nl/wp-content/uploads/2015/08/header-temp-man-02.jpg);
    background-repeat: no-repeat;
    }
    #homepage-search {
    padding-left:30px;
    }
    </style>

    This reply was awarded the best answer by the topic poster.
  • Dennis
    Dennis
    Newbie 9 points
    August 20, 2015 at 2:24 pm

    This is a solution, thanks!

    Is it also possible to move the image instead of the homepage-search?


  • Josh
    Super Guru 13,875 points
    August 20, 2015 at 3:00 pm

    Nope you cant move the background image

Viewing 6 posts - 1 through 6 (of 6 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes