Tag Archives: CSS

OfficeDev/PnP GitHub Project for Responsive seattle.master via Alt CSS URL

Vesa Juvonen of Microsoft has created a GitHub project that demonstrates how to make the out of the box seattle.master user experience responsive without a need to modify the mater page as such, but rather to take advantage of the AlternateCssUrl property in Web level.

Check out the GitHub project: OfficeDev/PnP

This project uses the CSS provided in my Making seattle.master Responsive blog post.

Modify Project Summary Web Part Countdown

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

Making seattle.master Responsive

“Sonny, true love is the greatest thing in the world. Except for a nice M.L.T., a mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe. They’re so perky. I love that.”

You know what else would be the greatest thing in the world? A responsive version of SharePoint 2013’s Seattle master page. While an ETA continues to be dodged for this juicy addition for SharePoint on-premises and SharePoint Online, we can play Miracle Max and do it ourselves.  Yes really.  At the end of the day, it is just CSS.  That we can do.  Continue reading Making seattle.master Responsive

SPTechCon Austin February 2015 Session Review

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page?

So, seriously?  Why is all the hype about master page this and master page that.  All of your branding should be coming from CSS!  Master pages have their place in the world and are certainly useful.  Just make sure all the pretty is in your CSS file.

Here is a summary of the CSS session at SPTechCon. Continue reading SPTechCon Austin February 2015 Session Review

Customizing the SharePoint Online App Launcher

The waffle, the grid, the thingie in the left corner of your Suite Bar… the SharePoint Online (SPO) app launcher has many descriptions and is one of the latest changes made to SPO.  It gives the user fast access to apps and even allows you to customize what is listed and the order. It is a pretty nifty thing.  But what if you want to brand it? Or take away an option because you don’t want all of your users accessing it? Continue reading Customizing the SharePoint Online App Launcher

To brand or not to brand, that is the SharePoint Online Question

There has been quite the chatter happening on the ole’ interweb lately surrounding the topic of branding and site customization for SharePoint Online (SPO). The overall message people keep hearing is “don’t use custom master pages for SharePoint Online.” Since branding is my schtick, this makes me die a little on the inside each time I hear it. But please hear me when I say this… blanket statements are rarely applicable to everyone involved and should by no means be considered as a rule for life. Yes, you can use custom master pages with SharePoint Online. Yes, it will involve work. But there is no such thing as custom branding without work.  The issue is lack of control, and that is a scary thing to face. So let’s recap what has been happening and then I will chime in with my two cents since that is what blog posts are for anyways. Continue reading To brand or not to brand, that is the SharePoint Online Question

Increase width of SharePoint 2013 drop down navigation

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

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

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 JavaScript or jQuery to add in an accordion, but it is possible to do it with pure CSS. When it comes to SharePoint there is only one caveat – you can create a CSS only accordion menu as long as the accordion effect fires on hover and not when the navigation header is clicked. Let’s see why, and let’s see how… Continue reading SharePoint Navigation – CSS only accordion on hover effect