posts - 41, comments - 200, trackbacks - 0

My Links

News

These postings are provided "AS IS" with no warranties, and confers no rights.
Locations of visitors to this page virtusa corp sharepoint virtusa.com shehan peruma

Tag Cloud

Archives

Post Categories

Change the "Welcome" link font color

As part of configuring enterprise search for a company's portal, one of the requirements was changing the look and feel of the SearchCenter. In short, they wanted a very Google like UI - I.e. nothing too flashy or heavy.

So, I started off creating a minimal master page and adjusting the layouts - nothing major just positioning the controls etc.. Now, to change the appearance of the webparts required modifications to the default styles located in the core.css file and thanks to Heather Solomons CSS Reference Chart this was pretty much easy. But when it came to changing the font color of the "Welcome" link, changes to the styles mentioned by her weren't working....

Took me a while, but managed to find the solution by examining the source of the generated web page. Seems that the style in use for the font color of the "Welcome" link is: .ms-SPLink A:link,.ms-SPLink A:visited

To change the font color, modify the existing class like:

.ms-SPLink A:link,.ms-SPLink A:visited
{
color: #FFFFFF; /*#2A4666; this is the font color for the "Welcome" Link*/
text-decoration:none;
}

and if you want to change the font color on mouse over then add a new class:
.ms-SPLink A:hover
{

color: #66FFFF; /*this is the font color for the "Welcome" Link - mouse over*/
text-decoration:none;
}

 

Do remember that changes to the core.css file will result in changes that will be reflected all over the portal. So, if you only want the change to appear in on site don't go change the cosre.css file....

  • Share This Post:
  • Share on Twitter
  • Share on Facebook
  • Share on Technorati

Print | posted on Monday, February 25, 2008 11:18 AM | Filed Under [ MOSS Search Branding ]

Feedback

Gravatar

# re: Change the "Welcome" link font color

Shehan, 'Portal' is an old word, we dont use it any more :P
2/25/2008 11:54 AM | Tariq
Gravatar

# re: Change the "Welcome" link font color

Thank you! One thing to note is that this will alter the way the .msSPLinks appear throughout the site (namely the admin panel). If you go this route it may help to set it up sort of like this:

<!-- Master Page excerpt -->
<div class="wcontainer" style="float:right;">
...content...
<wssuc:Welcome id="explitLogout" runat="server"/>
...content...
</div>

/* CSS excerpt */
.wcontainer .ms-SPLink A:link,.wcontainer .ms-SPLink A:visited
{
color: #FFFFFF; /*#2A4666; this is the font color for the "Welcome" Link*/
text-decoration:none;
}
10/14/2008 12:22 AM | Frank
Gravatar

# re: Change the "Welcome" link font color

I have applied for welcome menu but it is not changing color of the name.

except color everything is changing..

Can any one help on this.
3/3/2010 7:14 AM | rajesh
Gravatar

# re: Change the "Welcome" link font color

I feel like I’m often looking for interesting things to read about a variety of subjects, but I manage to include your blog among my reads every day because you have interesting entries that I look forward to. Here’s hoping there’s a lot more great material coming!
office 2007 key
12/4/2010 8:49 AM | Office 2007 Key
Gravatar

# re: Change the "Welcome" link font color

Fantastic article! I initially discovered your blog a few days ago, and I website the exact same day. I have a number of cool thoughts for some future posts you could write. I'll shoot you an email later. Keep up the great work. 

Thank's
wedding gowns with color
2/17/2011 9:36 AM | floating diamond necklace
Gravatar

# re: Change the "Welcome" link font color

Wow! So, this is how you do it! Thanks, mate. I've been trying to figure this out for days now. It's pretty simple when instructions are explained like that.
10/12/2011 4:23 PM | Sales Lead Generation
Gravatar

# re: Change the "Welcome" link font color

The post is very nicely written and yes it contains many useful facts. We are pleased to find your distinguished way of writing the post. So you allow me to learn and implement. Thank you sharing with us: buy wow gold Runescape gold
11/4/2011 2:36 PM | cheap eden gold
Gravatar

# re: Change the "Welcome" link font color

Very nice post. I really enjoy the reading. I come here from the google while searching for some good article.Thanks
11/14/2011 8:03 AM | sligh home office furniture
Post A Comment
Title:
Name:
Email:
Website:
Comment:
Verification:
 
 

Powered by: