Tagged: background, image
- This topic has 3 replies, 2 voices, and was last updated 9 years, 11 months ago by Sakin.
-
AuthorPosts
-
October 20, 2014 at 12:51 am #45998Nils-OveMember
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 !
October 20, 2014 at 1:32 am #46009SakinKeymaster@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; }
October 20, 2014 at 3:49 am #46014Nils-OveMemberThnx, 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
NOHOctober 21, 2014 at 12:10 am #46042 -
AuthorPosts
- The topic ‘how to use image as background in #main section ?’ is closed to new replies.