Ghost Plugins

View Original

Minimal Info Box

See this gallery in the original post

Description

A simple solution to a clean info box or pricing table. This plugin uses css editor and works with all template families.


How To Install

Add a Markdown Block to the page you’d like your info box on.

Copy and paste the text below into the Markdown Block and enter your info accordingly.

Be sure to add a hyperlink link to the text you’ve entered in place of Button Link Text. This will become your call to action button. Save the page when done.

See this content in the original post

Next, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

See this content in the original post

Customize

There are quite a few values you can change, so we sectioned them so they are easier to find.

  • Info Box: Adjust the background, border top, border, border radius, max width, and text alignment to your liking.

  • Title, and Text Info: You can change any of these values to target font size, color, spacing, and more.

  • Button: Adjust the background, color, border radius, and padding to modify the call to action button.

  • To change the font families, go to the design settings and edit the header 2 and body text settings.


See this gallery in the original post