Nov 252014
 

The following Suffusion Theme Date Box tutorial shows you how to format the way the date will be displayed on your website blog.

Last Updated: December 2, 2023

Latest News: I have updated the documentation below.

Suffusion provides the option for you to format your blog post date. When ever you create a new blog post or update an old blog post you will want the date to be formatted in a way that reflects your website blog and theme layout.

What you need:

Suffusion Theme Date Box

Step 1 ) Go to Appearance -> Suffusion Options -> Skinning -> Date Box menu as illustrated in the image below to set up the date format and display for your website.

suffusion-theme-date-box-menu

Step 2 ) The following image Hide date box? allows you to select from the following options.

  • Theme Default
  • Show
  • Hide
  • Hide on search results. This is useful if your search returns a mix of pages and posts, because it makes the results look consistent (pages don’t have a date box)

suffusion-theme-hide-date-box

Step 3 ) The following image Default or custom? allows you to select from the following options.

  • Theme styles
  • Custom styles

suffusion-theme-date-box-default-custom

Step 4 ) The following image Date Box allows you to configure the following options.

  • Background Color
  • Image URL
  • Custom
  • Image Position
  • Image Repeat
  • Layer Transparency (not for IE)

suffusion-theme-date-box-format

Step 5 ) The following image Month Font allows you to configure the following options.

  • Font Color
  • Font Face
  • Font Size
  • Font Size Type
  • Font Style
  • Font Variant
  • Font Weight

suffusion-theme-date-box-month-font

Step 6 ) The following image Date Font allows you to configure the following options.

  • Font Color
  • Font Face
  • Font Size
  • Font Size Type
  • Font Style
  • Font Variant
  • Font Weight

suffusion-theme-date-font-format

Step 7 ) The following image Year Font allows you to configure the following options.

  • Font Color
  • Font Face
  • Font Size
  • Font Size Type
  • Font Style
  • Font Variant
  • Font Weight

suffusion-theme-date-box-year-font

======================================

That is how simple it is to format your blog post date color and style.

Click on the following URL Skinning Tutorials for more skinning tutorials.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest.

Enjoy.

More Suffusion Tutorials:

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

1 + 12 =