Place Image top left corner on index and all pages

  • Hi,

    I use my site for my Rotary Club, and I need an image (100*100) to appear top left corner on every page! I need help in what code to use for this and where to put it.

    Grateful for any help

    Thanks, Bob

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator cubecolour

    (@numeeja)

    please post a link to your site

    Thread Starter powerbob

    (@powerbob)

    with pleasure ??
    https://www.rotary-pattaya.org

    sorry for some reason not showing links here? hmmmmm

    Moderator cubecolour

    (@numeeja)

    I’m not familiar with your theme, so there may be a better method, but here’s how to do it with css:

    Upload your 100px x 100px logo to the images folder in the theme – I’ll assume the filename is logo.png.

    in your theme’s stylesheet, look for the “Structure” section & after the “#branding #header-group” block add a new block:

    #branding #header-logo {
	padding-left: 110px;
	background: url(images/logo.png) 0px 0px no-repeat;
	min-height: 110px;
}

    You may want to change the values for padding-left, min-height & background position to more suitable values.

    Thread Starter powerbob

    (@powerbob)

    Yes that worked great, Fantastic ??

    One question, if I wanted to do the same on the right side would I just change to;
    #branding #header-logo2 {
    padding-right: 110px;
    background: url(images/logo.png) 0px 0px no-repeat;
    min-height: 110px;
    }

    Thanks for your help ??

    Moderator cubecolour

    (@numeeja)

    no that won’t work. The css I gave you adds a background to the existing element with the ID: “header logo” There is no element called “headerlogo2”

    Thread Starter powerbob

    (@powerbob)

    Ok thanks for your help anyway ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Place Image top left corner on index and all pages’ is closed to new replies.