Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45998
    Nils-Ove
    Member

    I’m trying to put a image.png as a background in the area shown here if you follow the link. But the image shall ONLY be on a specific page. And the image must be fixed position in center without any repeat…

    …and I think I need to do something about this:

    This is what I have today, what do I need to add.. ?
    #main {background:none transparent;padding:0px;border:0px;margin:0px;}

    Glad if any one could help me out here !

    #46009
    Sakin
    Keymaster

    @Nils-Ove: Your css should be as below:

    #main {
        background: url("http://mhtronic.no/question.jpg") no-repeat scroll center center transparent;
    }

    But for specific page then you can add in page if as prefix. For example, if you want to change in page id 85 only then the css will be as below:

    .page-id-85 #main {
        background: url("http://mhtronic.no/question.jpg") no-repeat scroll center center transparent;
    }
    #46014
    Nils-Ove
    Member

    Thnx, you the man !

    Now some new issue that I’m struggle with, I might have “lost” myself in the custom CSS, but some strange things happens. I have 3 issues/questions when they is solved then I get my smile back… Here is my problem !

    And If some of the problem/issues is in the Custom CSS… Could you look through it and see if you see something faulty lines… ?

    .site { margin:0 auto; }
    #site-logo { padding-bottom: 0px; }
    .page-id-2 #main { background: url("http://evomarine.no/wp-content/uploads/2014/10/Baat_bil_bygg_graatonet.png") no-repeat scroll center center transparent; width:100%; Height:100%; }
    .page .entry-header { background-color:transparent; border:0px ; }
    #page { background-color:transparent; max-width: 1200px; }
    #main { padding:0px; border:0px; margin:0px; }
    #branding { background:none transparent; }
    #branding ul.menu { font-size: 17px; }
    body { font-family:orbitron; font-size: 18px; }
    #header-menu { display: none; }
    #header-content { padding: 0px; }
    #content { margin:0 22% 0 3%; width: 75%; }
    #content .entry-header { display: none; }
    #primary { margin:0 -19% 0 0; }
    #secondary { width:16%; }
    #colophon { border-color:#373737; }
    #supplementary { background-color: transparent; }
    #supplementary .widget { background-color: transparent; border: none; }
    .site-content article {margin-bottom: 0px; padding-bottom: 0px; }
    #site-generator { background:#373737; max-width: 1200px; }
    #site-generator .copyright { margin:0 auto; text-align:center; font-size:15px; width:100%; }
    .hentry { background-color:transparent; color: #000; }
    .hentry.type-page { border: none; }
    .hentry.type-post { border-color: #373737; }
    .entry-content img { border: none; }
    .hentry, .no-results, #author-info, #disqus_thread,#content .error404, #colophon, #site-generator { border: none; }
    .widget { background-color: transparent; color:#000; border:none; padding:0px; }
    .widget_image img { border:none; }

    You might see that I’m on the learning stage…

    best regards
    NOH

    #46042
    Sakin
    Keymaster

    @Nils-Ove: Sorry but I need your live site URL so that I can check in and let you know what’s not working.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘how to use image as background in #main section ?’ is closed to new replies.