Just some more little CSS and CEWP tricks…
Hiding the title
If you have replaced the site icon (Site Action, Site Settings, Title Description and Icon) with a large banner image you will probably want to get rid of site title.
You could just go into Site Settings and delete the title, but that cause problems down the road with search and site navigation (crumb trail, etc). Better, just make it disappear. Just use this fragment of CSS:
Note: the “h1" is needed so you also don’t hide the table cell containing the title.
You can either put this in your masterpage just below the SharePoint:CssLink and SharePoint:Theme tags and this will hide the title for all pages in the site (except for application pages which have their own masterpage).
Or… you can put the CSS in a Content Editor Web Part (CEWP). Add the CEWP, edit the properties and click the Source Editor button. Add your CSS and save. This would need to be repeated for each page in the site.
Changing the title size or font:
Big site icon and just a little site title? To fix just add this CSS:
font-family:"Comic Sans MS"
Note: the “a” is needed as the title is enclosed in an anchor “<A>” tag.
Again, you can put the CSS in either the masterpage or in a Content Editor Web Part.
Using a Content Editor Web Part
Note that using a CEWP will only update the page with the web part. To update the site title on all pages in your site you will need to add the CSS to the master page.
Add a Content Editor web part:
- Edit Page (from ribbon, Site Actions, etc. depending on the versoin)
- Add a Content Editor web part (using the ribbon or web part zone buttons)
- Click in the web part, click Edit, Modify Shared Web Part, and in the Appearance section change "Chrome" to "None".
Add the CSS:
- Click the Source Editor button
- Type or paste the CSS