Tagged: background, image
- This topic has 3 replies, 2 voices, and was last updated 9 years, 1 month ago by
Sakin.
-
AuthorPosts
-
October 20, 2014 at 12:51 am #45998
Nils-Ove
MemberI’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 #46009Sakin
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; }
October 20, 2014 at 3:49 am #46014Nils-Ove
MemberThnx, 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.