Log in

No account? Create an account

Previous Entry | Next Entry

SOLVED! Changing white color in Poe

  • Oct. 10th, 2006 at 4:16 PM

I'm new here and I'll say some things to preface this:

I'm familiar with computers and LJ, but I do not code. The last HTML standard I used by hand was 1.0.
I've read the guides as best I can, and if my answer is in there, I just don't grasp it.
I only want to change -one- element of the theme I've selected. Nothing else, just one color.

If you look at the Poe theme in my journal, the color I want to change is the white or light gray or whatever surrounding the content on the far left and far right. Everything involving content is fine, I just don't like that light color on the outside edges and can't find anywhere in the sheet that refers to it. This is probably due to my own ignorance, but I'm stumped, so I figured someone could probably point me to the likely obvious and staring me in the face answer.

I'm not sure what color I'll change it to, but I understand the hex color codes (ffffff, etc.) so that isn't the problem. I just need to know -where- to plug that code into, of if it's using an image where I can plug in an alternate image.



( 8 comments — Leave a comment )
Oct. 11th, 2006 12:12 am (UTC)
I believe that's the color of the body. If so, you can change it by adding

body { background-color: #color-code-here; }

into the Custom CSS window, under Custom Options in the journal customization area.

It is also possible that it's the background color of #page-inner or #content-inner rather than body, but the color looks light enough to be the body background color. If the command I gave you above doesn't work, you might try it with either #page-inner or #content-inner in place of body.
Oct. 11th, 2006 12:27 am (UTC)
Thanks, I'll give it a shot!
Oct. 11th, 2006 02:08 am (UTC)
Unfortunately, that color is actually part of the background image, so you can't change it with simple CSS. You'll need a new background image. (you can see the current one by looking at http://stat.livejournal.com/voxhtml/poe/body.gif)

body { background-image: url(...) }

If you don't mind losing the nifty fading effect on the edges, you could set it all to the same color by getting rid of the background image entirely and just setting a background color instead:

body { background-image: none; background-color: #... }

If you want a different background color for the journal than the sidebars, I think you should be able to use the above CSS (for the sidebar color) and then also add the following (which will set the main journal (non-sidebar) background color):

#container-inner { background-color: #... }

..but if you want the fading/shadow effect on the edges you'll need a custom background image to replace the current one.

Hope this helps..
Oct. 11th, 2006 03:39 am (UTC)
That's awesome...okay, so I can put another background image in there? Will it tile automatically like a standard LJ background? I couldn't care less about the fading, so that's okay, in fact I'd prefer to put my own background 'wallpaper' in there for those side bars.

I really appreciate the help, I'd have never figured that out.
Oct. 11th, 2006 11:33 am (UTC)
Now I feel like the biggest idiot in the world.

I'm in the Custom CSS box as described by the first commenter.

I've plugged in the line body { background-image: myurl }

I've plugged it in exactly as you typed, without the brackets, with url(myurl), with parentheses but without the url in front...nothing seems to be changing anything. I must be missing something painfully obvious.

I even tried the instructions you gave me for no background image, and again, nothing is changing. I'm sorry to bug you again, but can you give me more explicit instructions?
Oct. 11th, 2006 11:36 am (UTC)
Okay, I did get the image to go away and the color changed. I plugged in the exact line:

body { background-image: none; background-color: #000000 }

For some reason, the similar line

body { background-image: http://myurl.com/image.jpg }

doesn't pull up my selected new background image. I can live with the black color, but if you have any advice on how I can get my custom image in there instead of the gray, I'd appreciate it.
Oct. 11th, 2006 06:34 pm (UTC)
In CSS, URLs always need to be surrounded by "url()", so you need to say:

body { background-image: url(http://myurl.com/image.jpg) }

That having been said, it sounded like you'd already tried that and it didn't work, in which case I don't know why it didn't work (I haven't actually had any time to fiddle with Poe myself, it's possible there's something elsewhere in the stylesheet that's making things trickier)

For reference, the bit that sets the background in the default stylesheet is right at the top of http://stat.livejournal.com/voxhtml/poe/screen.css, if you want to take a look.

Regarding tiling and such, I misspoke slightly earlier.. the default background actually consists of an image on top of a background color. The background color is what you see on the margins. The image is just the width of the journal itself (plus the fade/shadow at each edge), but since the background image is the same color at the edges as the background color setting, they blend seamlessly together. (If you change the background color without changing the image, you should see the margin color change, but the faded edges will look kinda odd because they're fading to the wrong color)

If you want to do your own custom one, you'll want it to be the same width (more or less) as the current one (the width of the journal), because that's how the current setup is designed to work (as explained above)

You could also do something trickier and (for example) set up your own background image for "body" which repeats (using "repeat-x") which would be a repeating margin image, and then do a different background image for #container-inner which would be the background image for the (currently) gray portion of the main background. I haven't actually tried it, though, so that might take some fiddling...
Oct. 11th, 2006 08:53 pm (UTC)
Ah, okay, that makes much more sense.

All that being said, I think I'll just stick with the black I have it set at now. I couldn't find the image I wanted to use as the background anyway, and the black achieves what I wanted: to do away with the light color on the sides that provided way too much contrast to the body of the journal.

I really appreciate your help!
( 8 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars