This is a bit of an odd one… but I love to show examples of how simple CSS can meet your needs, however different they may be, for SharePoint and SharePoint web parts. A student needed to convert the Project Summary web part countdown box to a single line above the rest of the web part content. The following CSS can make this happen. Continue reading Modify Project Summary Web Part Countdown
Whether you are stuck in SharePoint or want to stick it to SharePoint or want to make things stick within SharePoint, sticky stuff in SharePoint is a hot topic. I am going to focus on the latter. Continue reading Sticky Stuff in SharePoint
Did you upgrade your Apple device to IOS 8, or did your Mac update Safari recently? Once that was done, did your SharePoint 2010 site look like this image?
This is a quick but handy little CSS style statement to increase the width of the SharePoint 2013 top navigation bar drop down, which by default is pretty small. Now I know ideally the navigation item text should be short and sweet, but I also know how folks love their long department names and the like in the navigation. Continue reading Increase width of SharePoint 2013 drop down navigation
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 from a SPTechCon Boston 2014 attendee about this and I have to say, I don’t blame the guy for not wanting to give his users 14 font face options for their content. Continue reading Hide Font Faces from the SharePoint Ribbon using CSS
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 site. You can accomplish this with a few lines of CSS. Continue reading Stack the SharePoint 2013 Suite Bar on top of Ribbon
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 SharePoint 2013) in the drop down in the SharePoint user interface AND needed to provide support for IE8. Using CSS this can be done really quickly. Continue reading Use CSS Sibling Selector Combinators in lieu of :nth-child for IE8 Support
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 and creating a new project in Visual Studio. One thing the Ribbon does have going for it is a ton of added classes and IDs to all the various options, buttons, links, blocks and components. You can target and remove elements from the Ribbon by just using CSS. Continue reading Hide items from SharePoint Ribbon using CSS
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 SharePoint 2013 to a different location on the page. In non-SharePointy code speak, I just wanted to move the links on the right side of the page that consist of Share, Follow, Edit/Save, Focus on Content and Developer Dashboard to a different place on the web page. Continue reading Obscure issue with moving around items in SharePoint 2013 ribbon