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: March 1, 2018

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.

Suffusion Theme Date Box

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

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:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 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)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.