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
This blog entry is a post session review of resources mentioned and code used in our Bring (Event More) Sexy Back to SharePoint 2013 session from September 2014 SPTechCon in Boston.
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
“Go ahead, be gone with it. And get your sexy on.”
Welcome session attendees and anyone else who happens to wander on this page. This blog entry is a post session review of resources mentioned and code used in our Bring Sexy Back to SharePoint and Gaining Total Control of Your Sites with Data View Web Parts sessions from April 2014 SPTechCon in San Francisco. Continue reading SPTechCon San Francisco April 2014 Session Review
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
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 will correct this issue. Continue reading SharePoint 2013 Ribbon styles preview box – fix for bad background