header image
-
Hi. I’ve got the css upgrade, and I’m trying to add an image to the Rubric heading. This is the css code that I’m using:
#header {
background:#fff url(‘http://jhanajian2.files.wordpress.com/2010/01/country-mist.jpg’) no-repeat bottom;
height:183px;
width:760px;
border:#fc9 0 solid;
margin:0 auto;
padding:0;
}but when I click on Preview, nothing changes. I must be doing something wrong, but what?
The blog I need help with is: (visible only to logged in users)
-
@jhanajian2
It’s not likely that devblog will see this until after work today. Perhaps someone else will help but I just wanted you to know that he’s not usually logged in here ate wordpress.com until after work. -
Okay, thanks timethief. I was hoping it might be something simple that someone could help me with easily. It’s making me crazy. I’ve searched the forum, and I’m doing what it seems I should be doing, but it’s not working. Maybe I should repost this again later, when devblog will be here. If no one else can help, I’ll try again later this evening.
-
I don’t know if this will be helpful or not. The only Rubric themes I have see with images had small images above the right hand sidebar area.
-
-
Yes, Timethief, but if I have the css upgrade, I should be able to put the image wherever I want, right? — as in across the top, plus a background image for the whole blog if I want, right?
-
Theoretically I suppose. I am going to flag this thread so our Moderators will move it to the CSS Customization Forum. It’s in the Support forum now and devblog may not look for it here.
-
Ok, thanks Timethief. Looks like I’d better get comfortable over there at the CSS Customization Forum.
-
jhanajian2,
Your blog looks messed up. It seems you copied the whole CSS in the CSS editor… I’d recommend you reading this:
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/
If you haven’t modified anything in the style sheet, please remove the code from the CSS editor and click save. If you have made modification, just leave those in the CSS editor.
Thanks.
-
Yes, my blog does look messed up — starting from the moment I bought into the CSS Upgrade, and I hadn’t touched a thing! I haven’t copied anything either. All I have done is clicked the button in the CSS editor that says, “Add this to the Rubric theme’s CSS stylesheet.” In other words, I’ve kept the original Rubric Stylesheet rather than starting from scratch. I don’t know enough about css yet to start from scratch. And the only thing I’ve tried to change so far is the header. And there, all I did is replace the existing background image code with my own. But the change is not showing up. As I said, I didn’t copy anything. Should I still remove the code from the editor? What if I want to still use the same code, making only a few changes?
-
Yes, please. Remove the code.
The CSS Editor is only for your changes.
What if I want to still use the same code, making only a few changes?
If you read my article I linked you to above (and like I already said here), the CSS editor should only have your changes. However, if you want to start from scratch, then make sure the “Start from scratch” radio button is checked… this, however, is not recommended if you don’t know CSS.
-
I apologize for not getting this right away, but it is all is very, very confusing to me. Ok, I’ve deleted the code that was in the editor. Now I have the “Welcome to CSS, bla, bla, bla. And my blog has gone back to normal. My question now is, since there is no code whatsoever in the editor, where do I put the changes I want to make? Where do I put the changes when there is no code within which to put the changes?
-
Forgot to tell you, once you’ve deleted the code, let me know. Otherwise, if I see the last person who replied to this thread was me, I’ll just ignore it.
-
-
-
where do I put the changes I want to make? Where do I put the changes when there is no code within which to put the changes?
Okay, the CSS Editor is to put your additions/modifications to the theme’s style sheet. That’s the right place to put your code. So, if you want to modify your header, Only the definition of the “#header” selector needs to be there.
Rubric’s code is ugly. Not your fault, but the designer’s. Just FYI.
Now, a couple of questions. Do you want to have a fixed width, or do you want to keep the current width? I ask because your header image is 800px width and it won’t look good with the current width settings. If you want to keep the current width, then I’d suggest you modify the img.
Let me know, and I’ll see what I can do for you when I get home (or sooner if I have the time).
-
Modify the image to what? To the small original image that sits in the right-hand corner? No, I’m trying to have an image that goes across the top width.
And as if this isn’t enough trouble, I also want to look into the possibility of having a main background image. I haven’t decided yet which way I want to go on that.
I don’t know anything about fixed-width vs another kind of width. I suppose a flexible width would be best, right? for different size computer screens?
-
Modify the image to what?
The image you want to use:
is 800px width. If you want to have a flexible width blog, then this image won’t work because it would look cut off, that’s why I’m asking.
-
- The topic ‘header image’ is closed to new replies.
WordPress.com Forums 