Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

how to eliminate blue gradient on left menu

Status
Not open for further replies.

ChrissyLoetz

Technical User
Oct 4, 2005
16
US
Hi...I've edited everything I can think in the SPS and OWS style sheets, but can't figure out what properties control the background and the link colors of the "Topics" and "Actions" left menu. Can anyone let me in on the secret?
 
I know the blue gradient is actually a tiny little gif file which is referenced in one of those css files, I used paintshop to make it a solid colour (one of our companys corporate colours). I'm just about to finish for the day (very long day at that) but if noone has answered you by tomorrow I'll have a look when I get in and post the gif location and where in the css file.

Cheers

;)
 
OK, blue gradient is this part in the SPS.css file

.ms-navframe, .ms-GRStatusBar
{
background-image: url(/_layouts/images/vgradp.gif);
background-color: #FBFBFd;
BACKGROUND-REPEAT: repeat-y;
}

I changed mine to:

.ms-navframe, .ms-GRStatusBar
{
background-image: none;
background-color: #B5DF18;
BACKGROUND-REPEAT: repeat-y;
}
 
This part changes the color of the links to the Topics Area

.ms-pvnavmidC1 a:link
{
width: 100px;
overflow: hidden;
text-overflow:ellipsis;
text-decoration: none;
color: #003399
}

.ms-pvnavmidC1 a:visited
{
width: 100px;
overflow: hidden;
text-overflow:ellipsis;
text-decoration: none;
color: #003399
}
.ms-pvnavmidC1 a:hover
{
text-decoration: underline;
color: #003399
}

but hasnt changed the Actions menu, I'll continue to look.
 
OK, Actions menu is in the OWS.css file

.ms-nav a {
text-decoration: none;
font-family: Verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #003399;
}
.ms-nav a:link {
}
.ms-nav a:hover {
text-decoration: underline;
color: #798073;
}
.ms-nav a:visited {
color: #003399;
}

Seems to work for everything but the upload document link, but that might just be me.

Hope this is what you were after. Sorry for the multiple replies I was posting them as I found them.
 
Thank you, that worked beautifully! If you dont mind, I have another question along the same lines. I changed the link colors for the entire site to purple. I want the link colors on the horizontal nav bar that includes Home, Topics, News, and Sites to be a different color though. It seems this would be controlled by the .ms-phnavmid class, but changing font color here doesn't have any impact. Do you have any more tricks up your sleeve?
 
I did actually change those colours accidentally yesterday when I was looking for those other ones. I'm just in the middle of something right now but I'll get on to it with in a couple of hours.

Cheers.
 
Try change this colour attribute:

.ms-phnavtableone a
{
font-family: Tahoma;
font-size: 70%;
font-style: normal;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
 
I had done that to no avail, but after reviewing your earlier notes, I decided to create a class called ".ms-phnavtableone a:visited," and that did the trick. Now I'll alway remember to check for a, a:link, a:hover, and a:visited. You've been a lifesaver, thank you so much!
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top