?

Log in

No account? Create an account

Previous Entry | Next Entry

I've looked through the tags, but haven't found anything that really addresses my problem. I'm using the expressive layout and have modified it with my own colors and images by adding to the custom css box, but there are a few things causing a glitch in my color-coordinated modified layout. For some reason the color of the borders around my sidebars, the bullet dots beside my page summary entries and the background color beneath my header won't change from their original color.

I've managed to get all of the links and sidebar headers changed, as well as adding a new header, but I'm at a loss as to how to fix these minor color issues.

The way this style sheet works is very different from what I am used to so any suggestions would be greatly appreciated.

Comments

( 7 comments — Leave a comment )
av8rmike
Jan. 31st, 2007 03:59 am (UTC)
I think the problem is you have a few different classes that are jockeying for control, so it's a little hard to tell which effect you want. Right now, the left sidebar links are the dark pink, while the right ones are the light pink. Did you want it that way, or are they all supposed to be one color?
illiriahrising
Jan. 31st, 2007 04:33 am (UTC)
I'd like them all to be the same color-the light pink, but clearly that isn't what I've got at the moment. Just changing the colors and images seemed like the easiest course to take, but I think I've made it harder than it really should be.

Basically I just want all my links to be the light pink, all my entry text and subject lines to stay the dark red that they currently are and I'd like the "jolly snowman" blue not to flash behind my header when you refresh the page. Is that asking too much?
av8rmike
Jan. 31st, 2007 05:36 am (UTC)
Sure, it shouldn't be too much to ask. ;)
#header, #header-photo, #header-photo-inner, { background-image: url(http://www.originalgrissel.com/livejournalstyles/blank.gif); }

#beta .archive-widget ul.widget-list .item,
#beta .widget a { color: #B21731; }

.widget-content {
    color:#F48CA0;
}

/* sidebar widgets */

.widgets-list,
.widget-header,
.widget-content,
.widget-border {
color : #F48CA0;
}

.header,
.header a,
.header .edit a {
    color: #F48CA0;
    border-bottom-color: #F48CA0;
}
Color-coded for your convenience! I would completely delete the stuff in red, since it isn't doing what you want. Instead of the top line, use #header { background-image: none;}, which should stop the snowman from displaying. Change the part in blue to:
.widget-header,
.widget-content,
.archive-widget .widget-list .item {
    color: #F48CA0;
}
because the other specifiers aren't doing anything. Also, the third line will make the dots match the text. ;)
I'm not sure what the part in yellow is supposed to do, because .header isn't a valid class, so you should probably remove it.
illiriahrising
Jan. 31st, 2007 07:56 am (UTC)
Thanks for the help, unfortunately some of the changes have made my color issue worse. When I deleted the following :

#beta .archive-widget ul.widget-list .item,
#beta .widget a { color: #B21731; }

.widget-content {
color:#F48CA0;
}

...all of my links and the header text in all my sidebars reverted to the teal blue of the original layout. Also, the teal is still showing up behind my header when I refresh... the snowman is gone, but the blue that was behind him is still lingering for some reason.



av8rmike
Jan. 31st, 2007 01:49 pm (UTC)
Your CSS has this declaration:
body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#B21731;
background: url(http://www.originalgrissel.com/livejournalstyles/body.gif) center top repeat-y #B21731;
You need to have a closing "}" for this section. You may have accidentally deleted it, and since the "a" declaration is next, it's not being evaluated.
Add background-color: #xxxxxx; to the #header{} section, and set the xxxxxx to whichever pink you want. That should get rid of the blue.
illiriahrising
Jan. 31st, 2007 07:15 pm (UTC)
Thanks again for all the help! I really appreciate it.
The links, sidebar header text and background color behind my header are all now the correct color. :-)WOOT!
The borders around my sidebars are still that light blue, which I can live with if I have to but if you know how I could just remove the borders altogether I'd love to know. Nothing I've tried has succeeded in changing them from the default color so far.

av8rmike
Feb. 1st, 2007 04:09 am (UTC)
Well, I finally figured it out, but it's unbelievable. The horizontal lines can be changed in the CSS, but the vertical lines are actually a tiny 190x3 GIF that's repeated down the length of the page. Thus, the color is fixed in the graphic. But you can always make your own. ;)
( 7 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars