Styling on Sites

Styling on Sites: Header Image Fun

Cynthia Mijares — Mon, 29 Sep 2014 15:00:00 +0000

Recently a couple of clients wanted to add a background banner image to their site. This is a great option for a site that is more text heavy. With the administrator role, you can use CSS injector to make your site look unique.

The instructions listed here refer to themes where header background image is not an option. If you are using the Stanford Light theme, you can easily add a background image to the header from the theme options.

Preparing the image

There are a couple ways to host your image online:

Overriding Open Framework Styles: Responsive styling

Megan Erin Miller — Mon, 19 May 2014 15:57:57 +0000

In this post, I continue my series on how to override Open Framework's default styles to get a more custom look-and-feel on your site. Last time we looked at how to override our block styles, sidebar menus, and region styles. Today I'm going to share how to test for and override responsive styles on your site.

Overriding Open Framework Styles: Block styles, Sidebar Menus, and Regions

Megan Erin Miller — Mon, 07 Apr 2014 16:06:23 +0000

In this post, I continue my series on how to override Open Framework's default styles to get a more custom look-and-feel on your site. Last time we looked at how to override our typography styles. Today, we'll look at a grab bag of other things, including block styles, sidebar menus, and region styles.

Overriding Open Framework Styles: Customizing your typography

Megan Erin Miller — Mon, 03 Mar 2014 17:01:02 +0000

In this post, I continue my series on how to override Open Framework's default styles to get a more custom look-and-feel on your site. Last time we looked at how to override the main menu styles. Today, we'll look at how to customize your typography.

Overriding Open Framework Styles: Customizing your Main Menu

Megan Erin Miller — Mon, 20 Jan 2014 17:00:47 +0000

In this series of posts, I'm going to share some tricks to quickly override some of Open Framework's default styling, such as the main menu, text, and link styles. For anyone who wants a quick way to get to a custom design on Stanford Sites, these posts should get you started on the right path. In this first post we'll cover how to customize the main menu.

Styling on Sites: Awesome Icons using Font Awesome

Megan Erin Miller — Mon, 03 Jun 2013 16:00:49 +0000

This is the fourth post in my series, Styling on Sites. In my last post we looked at the new responsive theme Open Framework, and how we can use Bootswatch subthemes to quickly style our Sites site. Today, I'm going to share something awesome. Font Awesome.

Styling on Sites: Introduction to Open Framework

Megan Erin Miller — Thu, 23 May 2013 16:00:46 +0000

This is the third post in my series, Styling on Sites. Last time we looked at how to use the great and powerful module, CSS Injector. In this post I'm going to introduce you to our new responsive base theme, Open Framework.

Styling on Sites: Introduction to CSS Injector

Megan Erin Miller — Thu, 21 Feb 2013 22:55:24 +0000

This is the second post in my series titled Styling on Sites. Last time, we looked at all the theme settings we have available in Stanford Basic theme. This next post introduces the powerful module, CSS Injector, which lets us override the default styles of our site.

Styling on Sites: Introduction to Stanford Basic Theme Settings

Megan Erin Miller — Sat, 02 Feb 2013 01:36:02 +0000

This is the first post in a multi-post series on styling your Sites site. In this post I'll get you aquainted with the Stanford Basic theme settings and what you can do without adding any additional CSS.