Advertisement:

Author Topic: How do I add an image to my header behind my logo  (Read 2344 times)

stanjohn123

  • Jr. Member
  • **
  • Posts: 76
How do I add an image to my header behind my logo
« on: January 14, 2014, 09:54:58 pm »
I want to add an image to my header in my website classifieds.wheelnmotor.com as shown in the photo below


how to take a screenshot on a pc

The image is uploaded in my image folder in respective theme folder and the following code was added in the style.css file , but it's not appearing. What am I doing wrong ?

Code: [Select]
#header {
    width: 1100px;
    height: 1150px;
    position: relative;
    margin: 0 auto;
    background:  none repeat scroll 0% 0% rgb(56, 56, 56);
    border-radius: 10px;
    background-image: url('../images/Image4.png');
}

SmaRTeY

  • Osclass Hero
  • Hero Member
  • *
  • Posts: 2519
Re: How do I add an image to my header behind my logo
« Reply #1 on: January 14, 2014, 10:28:42 pm »
hi there,

in admin -> theme you can upload your logo, if you didn't use the admin setting I can imagine that there's a 'nodge' missing in the db telling OsClass that there is no logo.

It also mentions that best dimensions are:  600x100, yours a slightly different, take this also into account when working with the logo.


Hope this helps,
Eric

SmaRTeY

  • Osclass Hero
  • Hero Member
  • *
  • Posts: 2519
Re: How do I add an image to my header behind my logo
« Reply #2 on: January 14, 2014, 10:49:17 pm »
And if that didn't help..... maybe the image needs renaming?

stanjohn123

  • Jr. Member
  • **
  • Posts: 76
Re: How do I add an image to my header behind my logo
« Reply #3 on: January 14, 2014, 11:35:20 pm »
hi there,

in admin -> theme you can upload your logo, if you didn't use the admin setting I can imagine that there's a 'nodge' missing in the db telling OsClass that there is no logo.

It also mentions that best dimensions are:  600x100, yours a slightly different, take this also into account when working with the logo.


Hope this helps,
Eric

Thanks Smartkey ,

   This did the trick. I just need one more help. Need to move the bit shown in the pic below to the right so that "classifieds" can be seen clearly.

screenshot

SmaRTeY

  • Osclass Hero
  • Hero Member
  • *
  • Posts: 2519
Re: How do I add an image to my header behind my logo
« Reply #4 on: January 14, 2014, 11:47:31 pm »
If you are using IE try pressing the F12 button and select the element you want to 'move'.
In the CSS file (which is also mentioned after selecting element) you can make adjustments ie. use margin-top and margin-left to move the element down-right.

Have a look at the CSS (in theme folder or theme/css) and see if you can find similar margins to see how it's done.

Can't do it for you right now, maybe Frosti or Tom have a good feeling what CSS to adjust.

Good luck,
Eric