• Resolved lanzko

    (@lanzko)


    I installed a custom image to add a logo to the header but I want to move it to the left of the heading and subheading in the header. I also want to change the position – any suggestions?

Viewing 6 replies - 1 through 6 (of 6 total)
  • lanzko,

    Include your web site address so we can take a look and make suggestions. Thanks

    I suggest that you post your site URL as well.

    edit-hi doc4

    Thread Starter lanzko

    (@lanzko)

    lanzko,

    Add background-position to the #header .wrapper style then wrap the text in a div and add a margin-left to move it over.

    Here is a starter. Note that I’ve shortened the url for instructional purposes and combined all three background properties into one.

    #header .wrapper {
    background: url(image.jpg) no-repeat 10px 10px;
    height: 100px;
    }

    Thread Starter lanzko

    (@lanzko)

    I am a novice at this – so thanks and please bear with me –

    I found the #header .wrapper in the Theme Functions file of the editor

    It reads
    #header .wrapper {
    background-image: url(<?php echo $img[0]; ?>);
    background-repeat: no-repeat;
    height: <?php echo $img[2]; ?>px;
    }

    Do i have to replace with the following to do it? –
    #header .wrapper {
    background-image: url(<?php echo $img[0]; ?>);
    background-repeat: no-repeat 10px 10px;
    height: <?php echo $img[2]; ?>px; 100px

    Thanks for any help

    lanzko,

    Add the following:

    #header .wrapper {
       background-position: 10 10;
       }

    To your stysheet and play around with the numbers until you achieve the desired results.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Moving cutom image’ is closed to new replies.