Custom illustration on existing blog header.

  • Unknown's avatar
    nextdinnerparty · Member ·

    Hello,
    I’d like to insert a custom illustration in my blog header, but I don’t want to delete the current header. I just want to add to it. I had an illustrator draw “me” and that’s what I want to insert (to the left of the existing banner). I cannot figure out how to do this. Have read forums, but everything seems to delete the existing header.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    nextdinnerparty · Member ·

    Actually, I think I figured out how to do it by inserting the image as “background” and unchecking “tile” and aligning it left. It’s not perfect though – I would like to move it just a bit to the right so it’s closer to the banner. Any thoughts on how to do that?

    http://www.thedameinspain.com

  • staff-totoro · Staff ·

    Hi there,

    You can try the following line of code.

    `body.custom-background {
    background-position: 6% 0;
    }’

    To use the above code, click on your site name on the admin menu at the top left, and in the drop-down, select “Customize” to launch the site customizer. You can also reach the Customizer from your dashboard by going to Appearance>Customize

    From there, click on the “CSS” tab, and paste in the code above, and be sure to save your changes when you are done.

    Please note that this will be shown in preview mode, but you will have a link to purchase the Custom Design upgrade, which is necessary to use custom CSS on your site.

    The Custom Design upgrade allows you to use a wider range of fonts, tweak theme colors, and even add custom CSS. You can learn more about it here:

    http://en.support.wordpress.com/custom-design/

    Hope that helps. Please let me know if you have any further questions.

  • The topic ‘Custom illustration on existing blog header.’ is closed to new replies.