5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Need Help With My Style Sheet(style.css)

by nicolas simpson
4 replies
  • WEB DESIGN
    • |
i would like to put a header image in my blog site's theme.

The website that i got the theme from displayed the theme with a image in the header, but now that i have installed it on my site, no image came up in the head nor any option to put the banner in the header however there is a option to put in a google adsense link in which i did, but i still want a banner image up there.


here is the website that the developer showed for preview, the image colour is red, it also says the word red in it beside a windows sign.
Dezzain Testrun - Welcome To Dezzain Studio Testrun Laboratory

here is my site with the same theme but without the image.
online-career.com


i check the website code where the theme was and found out that this code below was placed in the header.

<div id="custom-img-header"><img src="http://www.dezzain.com/testrun/wp-content/uploads/2008/09/cropped-vista-ultimate-red.jpg" alt="Dezzain Testrun" /></div>

However i do not understand how to edit my Style Sheet(style.css)
so that it can accommodate this image.

please could someone help me to do so, and if that's not the problem tell me what is.

thank you.
#css #css design #css help #sheetstylecss #style
  • Profile picture of the author AnthonyKrese
    You need to add this to your style sheet (style.css):



    #custom-img-header {
    float: left;
    height: 150px !important;
    margin: 0;
    padding: 20px 0 0;
    width: 970px;
    }

    (at least that's the CSS s/he added to the theme)

    I'm not sure how it's going to look (or if it will format correctly) once you put the div with the img in the html because you've got that adsense block there. Should be alright, you might have to play around with it a bit.
    Signature
    What's for dinner tonight? Fast, easy, awesome recipes to keep the wife and kids happy!

    The Man's Cookbook
    {{ DiscussionBoard.errors[3803596].message }}
  • Profile picture of the author Lloyd Buchinski
    Hi, I just had time for a quick look. The css Anthony mentioned is already in your style sheet.

    The red header in the theme just seems to be a place holder type of image. It doesn't seem like much of a header.

    This is where the image is called from in the source code.

    <div id="custom-img-header"><img src="http://www.dezzain.com/testrun/wp-content/uploads/2008/09/cropped-vista-ultimate-red.jpg" alt="Dezzain Testrun" /></div>

    I don't use WP personally, but if you want to use that image, you could copy it and make sure it is uploaded to the file location called from that source code.

    Personally, I would just do something like that in Gimp and layer some text over it, or use it as a background image and have a smaller logo or other graphic over it.

    On my simple sites the header would just be in 'images/header'.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[3804929].message }}
  • Profile picture of the author jimbob
    Your custom-img-header div doesn't contain the image element, hence it not displaying.

    So, I'd guess the image has either been added after the theme was built, it's added after the page is loaded using javascript, or you've somehow removed it from the theme file.

    Let me know if you need more info.

    Cheers.
    Signature

    James Simpson

    {{ DiscussionBoard.errors[3804978].message }}

Trending Topics