Be it clowns, creepy movies, dark basements with a single dingy light bulb or the next presidential candidate, we all have our fears. What I don’t want anyone to be afraid of is adding some custom CSS to their SharePoint site. With the push to not use custom master pages in SharePoint Online / Office 365, more and more people are looking for alternatives on how to pull off small tweaks (and even big ones) in their SharePoint site user interface that doesn’t involve custom master pages. Continue reading “CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint
Just over a year ago I wrote a post about stacking 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. I was asked this week if it was possible to do it for SharePoint Online / Office 365. As with SharePoint 2013 on-premises, you can accomplish this with CSS – it just takes a few more lines of code to pull it off. Continue reading Stack the SharePoint Suite Bar on top of Ribbon – SharePoint Online / Office 365
SharePoint 2013 switched from using the text “Site Actions” to showing a gear/cog/wagon wheel icon (I like gear so we will go with that for this post). That is all well and good until you need to change the background to a darker tone or if you want to change the color of the gear icon. SharePoint 2013 inserts in the icon image via HTML *cringe* thus making it more difficult to update to match your color scheme. With a little CSS we can knock out the default image and show our own icon instead. Continue reading Switch out the SharePoint 2013 Site Actions gear icon for something more flexible
If you get adventuresome in your SharePoint 2013 master page, you can add, edit and delete options from the Site Actions menu. It is a pretty handy thing to do, For example, do you miss the direct access to Site Permissions that SharePoint 2010 provided? It is an easy thing to add with a master page modification. But there are four Site Action menu items that stubbornly stick around and are seemingly unchangeable. However with a little CSS we can do what we please. Continue reading Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions
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.
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
“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
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
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
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