Add a tool tip for an image you create in CSS
My golden site design coding rule is site design supporting images are only referenced through the CSS. This would include logos, header images, gradation bars, decorative backgrounds, etc. Content...
View ArticleCSS Challenge Response: Simple styles for SharePoint list
A CSS Challenge from Fred: Make lists look like basic MS-Office tables: dark background header row with white text alternate rows with light color background dark bottom borders on every rows Here is...
View ArticleCSS Challenge Response: Text alignment for SharePoint list
A CSS Challenge from Justin: Make Sharepoint Custom Lists align to the right. By default any Dollar or Percentage type columns align to the right. Here is the CSS to control your SharePoint list text...
View ArticleCSS Challenge Response: Change dialog box background
A CSS Challenge from Jennifer: I have a masterpage with a black background and white links…however when I edit a page and insert an item the popup box is white background with white links. I would like...
View ArticleChange dialog box post updated
I updated the Change dialog box post to include a new CSS Challenge for the Tags and Notes pop-up box. Change dialog box post updated originally appeared on Our SharePoint ExperienceIf that's not where...
View ArticleTwitter Response: Change select box arrow style with CSS
@porlyp asked on Twitter if it was possible to change the styling of the search scopes drop down menu in SharePoint using just CSS. Here is a sample of what we are targeting: So I did a little...
View ArticleRibbon visibility using CSS
This is the fourth post in a SharePoint 2010 ribbon series. Be sure to check out posts 1through 3 as well: 1) Boil it down to the basics… the SharePoint 2010 ribbon 2) Gathering requirements for your...
View ArticleConvert SharePoint 2010 master page to HTML5
I recently refreshed my Just the Essentials SharePoint 2010 master pages and a part of that refresh included the addition of HTML5 versions of the master page files. In this post I am going to step...
View ArticleWhat makes good SharePoint CSS?
I recently read an interesting post that I think is a good starting list for judging CSS files. You can check it out here: Judging CSS / Spotting Bad Code Reading that article and my ensuing comment...
View ArticleSharePoint CSS and CSS Specificity
CSS specificity (weight) and SharePoint When dealing with SharePoint CSS one of your biggest friends is specificity. It also happens to be one of the harder things to wrap your head around, especially...
View ArticleSharePoint CSSLink
Understanding SharePoint:CSSLink and how to add your custom CSS in SharePoint 2010 CSS is a wonderful tool for branding SharePoint; unfortunately SharePoint 2010 has done a decent job of making things...
View ArticleSharePoint 2013 CSS classes that suck and save the day
If you are working on custom SharePoint 2013 master pages, designs and/or CSS, these little CSS classes and style statements may give you some grief, or save your tooshie… This list will continue to...
View ArticleClik here to view.
How to use Icon Fonts with SharePoint
One of the current trends in the web world is to use icon fonts with and for various things in your web user interface. They are fast to load, easy to scale in size, quick to change color, and it’s...
View ArticleClik here to view.
SharePoint 2013 Ribbon styles preview box – fix for bad background
I came across an oddball issue today where the background area of the Styles preview boxes in the Ribbon turned black when using a custom master page in SharePoint 2013. Here is a quick CSS fix that...
View ArticleClik here to view.
Obscure issue with moving around items in SharePoint 2013 ribbon
Ever have one of those days where SharePoint just makes you say, umm, WTF??? Yeah, me too. Tag another one on the long list. I wanted to absolute position the ribbon’s tab row right DIV contents of...
View ArticleClik here to view.
Hide items from SharePoint Ribbon using CSS
When you search for ways to hide items from the SharePoint Ribbon, such as the Font formatting block or the Edit HTML Source option, you will generally find a bunch of methods that involve fancy code...
View ArticleClik here to view.
Use CSS Sibling Selector Combinators in lieu of :nth-child for IE8 Support
Wow just the title of this blog post is a mouthful. Just wait, it will get worse. This post was inspired by one of my students who wanted to hide the second and third search scopes (Result Sources in...
View ArticleClik here to view.
Stack the SharePoint 2013 Suite Bar on top of Ribbon
I had a great question from a student last week… how can you stack the SharePoint 2013 Suite Bar on top of the Ribbon, thus collapsing down the needed real estate for the top area of your SharePoint...
View ArticleClik here to view.
SharePoint Navigation – CSS only accordion on hover effect
Everyone seems to love accordion navigation effects and I love CSS so it was only natural to try to implement an accordion effect for SharePoint navigation using only CSS. Typically folks use...
View ArticleHide Font Faces from the SharePoint Ribbon using CSS
As a follow up to the post Hide items from SharePoint Ribbon using CSS, here are a few more selectors to hide specific font faces from the font formatting options in the Ribbon. I received a question...
View Article
/fit-in/580x348/filters:format(webp)/english-betterindia/media/media_files/2026/09/17/balaghat-3-2026-09-17-18-46-40.png)
