adding custom image into header

  • Resolved stacey7

    (@stacey7)


    11 years, 3 months ago

    As co-creator of this site which is still in progress my duty is to add graphics and images. However, I would like to know how I can add a custom background image into the header in this simple catch theme. Plus I would also like to know what the dimensions of the existing header is so that when I create the image I’ll get the right size. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Kase

    (@web-design-kase)

    Hi,

    The Header is made up of two sections.

    1. header div – Holds ‘layout-978’ (See next)

    2. layout-978 – Holds The logo, Search and Menu

    The original theme preview shows that the ‘Header’ bg is a pattern.

    It can be changed in this CSS section:

    #header {
background-image: url(images/header-bg.jpg);
border-bottom: 1px solid #dfdfdf;
}

    You can change this via either the Theme’s options or via the use of a Child Theme.

    The dimension will depend on what you want to accomplish.

    The current header is showing as 1900 pixels (Width) by 276 pixels (Height).

    I hope this helps.

    Thread Starter stacey7

    (@stacey7)

    Thank you.

    After a few attempts I finally got it right because the xtra stuff before the url code next to the image threw me off but now I got it working. The sizing, however when I composed the image in photoshop turned out to actually be smaller and it works.

    Thanks again for your help ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘adding custom image into header’ is closed to new replies.