Add A Image Above Posts
-
Is there a way to add a image above my posts and under my header in CSS?
The blog I need help with is: (visible only to logged in users)
-
Possibly. But I’d recommend not undertaking any major CSS changes on a holiday when staff are away for three more days and the volunteers are scarce in the forum.
-
-
-
Nope, I don’t know anything about CSS. Most volunteers don’t. You’re pretty much on your own with the CSS upgrade.
-
Hi, You can do it in 2 ways (I think)
Solution -1
Just try it
#page {
——
background: url(“Your Full Image URL”) no-repeat top;
——
}Solution -2
Cut the image which you want to add in three part(1st size=left sidebar size, 2nd size= main content portion size 3rd size= right side bar size) and add them by using the following code.
.obar {
——–
background: url(” Ur iamge url Part-1″) no-repeat top ;
—–
}.narrowcolumnwrapper {
background: url(” Ur iamge url Part-2″) no-repeat top ;
}.sidebar, .obar {
——-
background: url(” Ur iamge url Part-3″) no-repeat top ;
——-
}Please Try it first, you must have to check your site design matches with this change or not.
Thanks
Om Prakash Chowdhury -
-
OK, here is the screen cap of what the following produces.
I used a 500px x 200px solid color PNG just as a test and a place holder. If your image is different in height than the 200px I have, then you will have to adjust the padding-top accordingly. I replaced your tiled blue background you had set in .content with the new image and then I assigned the blue color you had in that background image as the “color” in the background declaration. The padding-top moves the posts down by the same height as the image so that the posts start below the image.
.content { background: url("URL_of_image") no-repeat scroll left top #003974; padding-top: 200px; } -
BTW, the image can actually be maybe 504px wide since there is a little gap at the sides as you can see in my screen capture.
-
Ok I tryed it out it moved the Post down a little bit the image is not showing. Is there somthing you have to do to get the image to show?
-
I’m not seeing the code here, http://tycoonrules.wordpress.com/ . Are you talking about a different blog?
-
-
The preview function here is flakey. After adding the code, click preview and then after the preview loads, force refresh the preview page.
-
-
You need to put the code into the CSS and then post back here so that I can look at your site.
-
-
This is the image you’ve used which is just a blue square.
It isn’t going to show up because it is the same color as the background.
-
If you use that tiled image, and use the repeat attribute, it is going to repeat for the entire length and width of the content area. As I said, you have to create an image that is around 500px wide and however tall you want it and then adjust the top padding as required to match the height of the image you created.
-
-
- The topic ‘Add A Image Above Posts’ is closed to new replies.
WordPress.com Forums 