Last month the Ghost developers announced a new feature, the possibility of adding a caption to the post feature image. Previously, I would add photo credit for the feature image inside the blog content. With the new feature it'll be an easier job and certainly good SEO since the alt tag for the image also is available.

That being said I was hyped to use this feature whenever I would update my blog theme. So, when creating this new theme for my blog, certainly I would think of including the feature_image_caption handlebar helper.

<figcaption>
  {{ feature_image_caption }}
</figcaption>

Like I said, everything worked smoothly except for the above code and I would not understand why. I Googled, read the forum posts but nothing pointed to the right direction.

Then, I noticed that I in my package.json file I had v3 instead of >=4.0.0 as the Ghost engine value. I used files from a previous Ghost theme which I wrote and I forgot to change this value. A quick fix and the feature_image_caption appeared as expected.

Damn! This is the reason why it is a good practice to start Ghost theme development with the Casper theme as base template.

RGB is one notation through which colors may be set using a style sheet for a webpage. The rgb() function takes three numerical values separated by a comma and each representing the colors Red, Blue and Green in the respective order.

The values can be between 0 and 255, inclusive.

rgb(46,139,87)

The above example represents a shade of Green.

Using the rgba() function, one may control the alpha channel to adjust the transparency. The function requires a fourth numerical value which can be a decimal value between 0 and 1; the latter being complete opaque and 0 meaning full transparency.

Applying a 50% transparency to the above example would give us:

rgba(46,139,87,0.5)

Notice, how the Green further changes its shade.

Read more about Colors & CSS at w3.org.
Image credit: Education photo created by user18526052