CSS Injector

Adding Styles to Stanford WYSIWYG

Cynthia Mijares — Thu, 13 Jul 2017 03:04:29 +0000

The Stanford WYSIWYG gives the content editor multiple style options to modify the look of their site's content. Suppose you want the ability to float an image right or left in the content region but it's not in the list of Styles. You can create a CSS Injector rule to target that specific content then make this style available to the WYSIWYG Styles drop-down list. To tackle this example, let's go step-by-step to add the ability to float images right or left in the content region within the WYSIWYG.

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: 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.

Creating Proportional Typography Using Webfonts on Sites

Megan Erin Miller — Tue, 08 Jan 2013 01:17:56 +0000

It's a great time to be a web designer, as we have this explosion of web fonts at our finger tips. Tools such as Google Web Fonts make these available for free, and integrating them is easy on your site, even on sites.stanford.edu! In this tutorial, I'm going to go through adding a webfont to your Drupal site using CSS Injector (available on sites.stanford.edu), and developing a proportional typographic system for your site.