Geeks With Blogs

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
Shehan Peruma

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....

Posted on Monday, February 25, 2008 11:18 AM MOSS , Search , Branding | Back to top


Comments on this post: Change the "Welcome" link font color

# re: Change the "Welcome" link font color
Requesting Gravatar...
Shehan, 'Portal' is an old word, we dont use it any more :P
Left by Tariq on Feb 25, 2008 11:54 AM

# re: Change the "Welcome" link font color
Requesting Gravatar...
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;
}
Left by Frank on Oct 14, 2008 12:22 AM

# re: Change the "Welcome" link font color
Requesting Gravatar...
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.
Left by rajesh on Mar 03, 2010 7:14 AM

# re: Change the "Welcome" link font color
Requesting Gravatar...
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
Left by Office 2007 Key on Dec 04, 2010 8:49 AM

# re: Change the "Welcome" link font color
Requesting Gravatar...
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
Left by floating diamond necklace on Feb 17, 2011 9:36 AM

# re: Change the "Welcome" link font color
Requesting Gravatar...
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.
Left by Sales Lead Generation on Oct 12, 2011 4:23 PM

# re: Change the "Welcome" link font color
Requesting Gravatar...
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
Left by cheap eden gold on Nov 04, 2011 2:36 PM

# re: Change the "Welcome" link font color
Requesting Gravatar...
Very nice post. I really enjoy the reading. I come here from the google while searching for some good article.Thanks
Left by sligh home office furniture on Nov 14, 2011 8:03 AM

Your comment:
 (will show your gravatar)


Copyright © shehan | Powered by: GeeksWithBlogs.net