Drupal 7 Theme? Check!

Corolla Theme for Drupal 7 by Kiwi Themes
My Edits to the Corolla Theme

Now that this site is being powered by Drupal 7, I needed a decent theme which needed little, if any, modifcations. Since I'm not a designer by any stretch of the imagination, I went to the Drupal site and and started browsing the D7 versions of some contributed themes.

As of this writing, there are currently 90 themes available for D7! I chose to run with the Corolla theme. Installing it was just as easy as any Drupal theme (that's why you go with Drupal, right?).

With a new logo from Logo Templater and adjusting a few configuration options. My site had a new look and feel. Although the Corolla theme is decent "out-of-the-box," I still had a few adjustments I wanted to have on my site.

Modifying base.css

The first modification I made to the site was the font family and headings. I modified the #site-name div to the following:

#site-name a {
    font-family: Impact, Charcoal, sans-serif !important;
}

For some nice "web safe" fonts, check out WebDesignerDev's article.

I also added a text-shadow to many of the heading elements. Why? 'Cause. The following line to the desired elements proved to be exactly what I needed:

text-shadow: #999 1px 1px 1px;

Note: This property only works in CSS level 3 capable browsers

Calendar Posting Date

I also didn't like the default posting information (i.e., Submitted by gbrands on Fri, 01/07/2011 - 11:41). With some guidance from a Brainstorms & Raves post, I created my own calendarized display.

The CSS that was used:

/**
* For calendar display
*/
.meta {
    position: relative;
    float: left;
    margin-left: -70px;
}
.submitted-calendar {
    width: 50px;
    border: 2px solid #000;
    background-color: #EEE;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sc-month {
    background-color: #000;
    padding: 1px 0 3px 0;
    color: #e25400;
    font-weight: bold;
    text-transform: uppercase;
}
.sc-day {
    font-size: 20px;
    font-weight: bold;
    padding: 1px 0 3px 0;
    text-shadow: #999 1px 1px 1px;
}
.sc-day sup {
    font-size: 10px;
}
.sc-year {
    font-style: italic;
    font-size: 10px;
    font-weight: bold;
}

Modifying a template file

With the CSS in place, now I just had to add the elements to the template file (node.tpl.php)
inside the following:

<?php if ($display_submitted): ?>
<div class="submitted-calendar">
       <div class="sc-month"><?php print date('M',$node->created) ?></div>
       <div class="sc-day"><?php print date('j',$node->created) ?></div>
       <div class="sc-year"><?php print date('Y',$node->created) ?></div>
</div>
<?php endif; ?>

The entire theming process isn't finished just yet. I still think there is way too much blank space to the right of the site header. Perhaps I'll move the search into that area...

Sources

Drupal 7 Theme? Check! | Gerrit Brands

Error message

  • Warning: Cannot modify header information - headers already sent by (output started at /homepages/29/d196880538/htdocs/drupal7/includes/common.inc:2681) in drupal_send_headers() (line 1212 of /homepages/29/d196880538/htdocs/drupal7/includes/bootstrap.inc).
  • PDOException: SQLSTATE[42000]: Syntax error or access violation: 1142 INSERT command denied to user 'dbo354826752'@'74.208.16.6' for table 'watchdog': INSERT INTO {watchdog} (uid, type, message, variables, severity, link, location, referer, hostname, timestamp) VALUES (:db_insert_placeholder_0, :db_insert_placeholder_1, :db_insert_placeholder_2, :db_insert_placeholder_3, :db_insert_placeholder_4, :db_insert_placeholder_5, :db_insert_placeholder_6, :db_insert_placeholder_7, :db_insert_placeholder_8, :db_insert_placeholder_9); Array ( [:db_insert_placeholder_0] => 0 [:db_insert_placeholder_1] => cron [:db_insert_placeholder_2] => Attempting to re-run cron while it is already running. [:db_insert_placeholder_3] => a:0:{} [:db_insert_placeholder_4] => 4 [:db_insert_placeholder_5] => [:db_insert_placeholder_6] => http://gerritbrands.com/blog/drupal-7-theme-check [:db_insert_placeholder_7] => [:db_insert_placeholder_8] => 54.156.92.46 [:db_insert_placeholder_9] => 1503039468 ) in dblog_watchdog() (line 154 of /homepages/29/d196880538/htdocs/drupal7/modules/dblog/dblog.module).

Error

The website encountered an unexpected error. Please try again later.