?

Log in

No account? Create an account

Previous Entry | Next Entry

Using Endless Summer : Sand on a Plus+ Account HERE - itslike_yoga

I changed all of the Headers (Profile, Page Summary, Tags, etc.) and Divider lines that were "brown" to a color that matched the rest of my layout. I changed the weight of them to BOLD, and increased their px size to 18px.

Codes to change colors of Headers and Divider Lines in Sidebar : (font-weight: bold // font-size: --px = optional)

.widget-header,
.widget-header a,
.widget .widget-header a,
.widget-header .edit a {
    color: #------;
    font-weight: bold;
    font-size : 18px;
    border-bottom-color: #------;
}


Big THANK YOU!!! to av8rmike Aviator!Mike!! For tinkering around with it until all my little hiccups were fixed!

Comments

( 10 comments — Leave a comment )
nimoloth
Nov. 20th, 2006 02:28 pm (UTC)
Could try:

h3.widget-header { color: #488089; }
itslike_yoga
Nov. 20th, 2006 06:09 pm (UTC)
Thanks!

That got me the "Latest Month", "Tags", and "Page Summary" Headers to change color, but the "Profile" one is still that brown color, along with the lines beneath each header.
av8rmike
Nov. 20th, 2006 06:59 pm (UTC)
That's because the header title is also a link. Use:
h3.widget-header,
a.widget-header {
color: #488089;
}
av8rmike
Nov. 20th, 2006 07:06 pm (UTC)
And I forgot the border bottom.
.widget-header {
    border-bottom-color: #488089;
}
So, to combine everything:
.widget-header,
a.widget-header,
h3.widget-header {
   color: #488089;
   border-bottom-color: #488089;
}
should do it.
itslike_yoga
Nov. 20th, 2006 07:18 pm (UTC)
Thank you!!

That got my divider line to change, but that darn "Profile" is still stuck at that brown color.

Also would you happen to know how to get those headers to be bolded?

av8rmike
Nov. 20th, 2006 08:45 pm (UTC)
Ah, I see what I did. "a.widget-header" doesn't work because the a tag doesn't use that class. Best to use the same syntax as what's in the theme stylesheet:
.widget-header,
.widget-header a,
.widget-header .edit a {
    color: #488089;
    font-weight: bold;
}
itslike_yoga
Nov. 20th, 2006 09:45 pm (UTC)
Thank you so much!! All my colors are right, and the only thing now is that darn "Profile" *waves fist in the air at it* isn't bolded, but at this point? I'm just happy to not have it that brown color!

Thank you so much!
av8rmike
Nov. 21st, 2006 04:44 am (UTC)
Aha, found it. There's always one style that's more specific than something you're trying to override...
Change your custom CSS to:
.widget-header,
.widget-header a,
.widget .widget-header a,
.widget-header .edit a {
    color: #488089;
    font-weight: bold;
    font-size : 18px;
    border-bottom-color: #488089;
}
itslike_yoga
Nov. 21st, 2006 04:57 am (UTC)
Thank you so much!! This is perfection!! Hooray!!

I'll edit the post up top to make sure that it's all the same and then ta-da everyone will know the wealth of information I've gotten!!
lollobrigida
Nov. 20th, 2006 09:49 pm (UTC)
I also went ahead and edited this post to put the complete bracket of CSS code up in my post, so if I grouped it wrong? let me know. I just know I personally hated having to fish through comments to look for what code did what part. So having it right there in the post is easier when people click tags and such.

-- Thanks!
( 10 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