CSS

By shane
2014-12-13 19:00
10 comments
Daily Dose of Drupal Episode #185

The Drupal 7 Sweaver module makes it easy to change the style of your Drupal theme without having to write any CSS code or dig through any template files. The Sweaver module provides a simple to use designer toolbar that sits at the bottom of the page and allows you to instantly change the look of your Drupal theme.

The Problem

Style this using views and CSS. What you are looking at below is a view being displayed as a grid. This is by far the easiest way to display content in a nice looking grid view, but as you will read there is a MUCH better way.


By adam
2014-09-04 08:39
2 comments
Daily Dose of Drupal Episode #166

In this episode you will learn how the Drupal 7 Node Class module works with the basic page content type. The simplicity of the Node Class module provides an easy way for site builders and themers to add a CSS class directly to the wrapper on the node. Using this module allows for various different layouts and styles to be called based on defined CSS rules.

By adam
2014-08-25 08:23
2 comments
Daily Dose of Drupal Episode #164

In the last installment of multiple views you will learn how to change the look of the view using the two classes you set in the previous video. By using CSS, you will be able to display content in two ways depending on the choice of the viewer. This is a nice advantage to provide options for the visitor to your site.

By adam
2014-08-14 06:50
4 comments
Daily Dose of Drupal Episode #162

In this episode, you will learn how to set up the foundation of building a view that can display content in multiple ways. This video highlights how to set up the content type and view to display the content. In the coming videos in this series, you will learn how to style and apply jQuery to change how the view displays the content.

Need help learning views? Look at our Drupal views intro.

By shane
2013-03-05 23:53
1 comment
Daily Dose of Drupal Episode #122

The Drupal 7 Block Class module provides an easy way to add a CSS class to a Drupal block.

In this episode you will learn:

  • How to use the Block Class module to add a CSS class to a Drupal 7 block
  • Cases that having a CSS class on your Drupal block might be useful

Thanks to Drupalize.me for sponsoring this episode of the Daily Dose of Drupal.

By shane
2013-02-17 23:23
2 comments
Daily Dose of Drupal Episode #110

The Drupal 7 Style Guide module is a very simple module that helps you when building a Drupal theme. The module provides a single page displaying how your Drupal theme renders common Drupal elements, form elements, and other HTML elements. By having all of these elements rendered in one page, it makes it much easier to ensure your theme covers all the basics.

In this episode you will learn:

  • How the Drupal Style Guide module will help you build better Drupal themes
By shane
2013-02-05 07:56
3 comments
Daily Dose of Drupal Episode #102

The Drupal 7 @font-your-face module is one of the easiest ways to get started with adding web fonts to your Drupal 7 website. It provides an easy to use administrative interface which makes adding web fonts simply point and click.

In this episode you will learn:

  • How to download and configure the @font-your-face module
  • How to use Google Fonts API with the Font your face module
  • How to use a custom CSS selectore with the @font-your-face module
By shane
2013-01-08 23:50
10 comments
Daily Dose of Drupal Episode #83

The Drupal 7 Formatter CSS Class module (not to be confused with episode #82 and the Field Formatter Class module), can be used to add a CSS class to the display of a node based on a specific value in that node. For instance, it can be used to add a class based on what the user selects for a dropdown value when creating the piece of content.

In this episode you will learn:

    By shane
    2013-01-07 18:52
    6 comments
    Daily Dose of Drupal Episode #82

    The Drupal 7 Field Formatter Class module allows you to add classes to the display of individual fields that are output by Drupal using the Field API. This module is useful to help save you from writing as many lines of CSS as you can use this to implement common classes across multiple fields or even use it to differentiate the same field used across multiple content types. This is a flexible tool for those site builders or themers that need a little extra help when styling the display of their Drupal fields.

    By adam
    2012-05-14 03:39
    1 comment

    This is a guest post from Adam, my Co-founder at BEgINr Media

    When finished: After you get through this tutorial you will have made a custom Quicktabs style in Drupal 6.

    This is how to do it.

    Stuff I am assuming:
    ...you have downloaded the Quicktabs module from Drupal.org and Install it.
    ...you have a photo editor (Gimp, Photoshop, etc)

      By adam
      2011-07-12 14:33
      3 comments

      This is a guest post from Adam, my Co-founder at BEgINr Media

      Here is a simple way to make a background image resize correctly on different screen resolutions.

      The image that I used was originally sized 1011px X 249px. For this tutorial I broke the image
      into three different sections. See diagram below for more information.

      Subscribe to CSS