#### Standard
$19
Per Month
* Free custom domain
* SS Security
* Unlimited Storage
* SEO Features
* Premium Templates
* Contributors
* Premium Extensions
[Sign Up][1]
[1]: https://beaverhero.com
2. Add Code Block & Insert this code
<style>.markdown-block {background:#F2F5F7;margin-left:17px;margin-right:17px;transition: all 0.25s;}.markdown-block:hover {transform: scale(1.04);}/* title */.markdown-block h4 {font-family: monospace;margin-bottom:5px;padding-top:20px;}/* price */.markdown-block p:nth-child(-n+4){font-family: monospace;}.markdown-block h4+p {font-size:2em;}/* list */.markdown-block ul {list-style: none;padding-left:0;margin-bottom:0;}.markdown-block ul li {color:#626262;padding:5px;}/* Line between price - list */.markdown-block ul li:first-child:before,.markdown-block ul li:last-child:after {content:"";background: rgba(255,255,255,0.75);height:1px;width:50%;display: block;margin:0 auto;margin-bottom:20px;}.markdown-block ul li:last-child:after {margin-top:20px;margin-bottom:0;}/* buttons */.markdown-block p:last-child {padding:20px;}.markdown-block a {background:#0091CE;color:#fff;border-radius:3px;padding:10px30px;display: inline-block;}/* Center all text */.markdown-block *{text-align: center;}/* remove text padding */.markdown-block p {margin-top:0;margin-bottom:0;}</style>
Table 02.
1. Add 2 Markdown Blocks with syntax
#### Standard
$19
Per Month
* Free custom domain
* SS Security
* Unlimited Storage
* SEO Features
* Premium Templates
* Contributors
* Premium Extensions
[Sign Up][1]
[1]: https://beaverhero.com
2. Add Code Block & Insert code
<style>/* title */.markdown-block h4 {background:#0098D9;color:#fff;padding-bottom:5px;font-family: monospace;margin-bottom:0;}/* price */.markdown-block p:nth-child(-n+3){background:#00A8EE;color: white;font-family: monospace;}.markdown-block h4+p {font-size:2em;}/* list */.markdown-block ul {list-style: none;padding-left:0;background:#354153;margin-top:0;margin-bottom:0;border-top:1px solid #293341;color:#A0ABBF;}.markdown-block ul li {border-bottom:1px solid #293341;border-top:1px solid #424F64;padding:5px;}/* buttons */.markdown-block p:last-child {background:#354153;border-top:1px solid #424F64;padding:20px;}.markdown-block a {background:#0091CE;color:#fff;border-radius:3px;padding:10px30px;display: inline-block;}/* buttons hover */.markdown-block a:hover {background:#0082B9;}/* Center all text */.markdown-block *{text-align: center;}/* remove text padding */.markdown-block p {margin-top:0;margin-bottom:0;}</style>
Some free code to create Pricing Table.
Table 01.
1. Add 2 Markdown Blocks with syntax
#### Standard
$19
Per Month
* Free custom domain
* SS Security
* Unlimited Storage
* SEO Fea
Question
tuanphan 9,001
Some free code to create Pricing Table.
Table 01.
1. Add 2 Markdown Blocks with syntax
#### Standard $19 Per Month * Free custom domain * SS Security * Unlimited Storage * SEO Features * Premium Templates * Contributors * Premium Extensions [Sign Up][1] [1]: https://beaverhero.com
2. Add Code Block & Insert this code
Table 02.
1. Add 2 Markdown Blocks with syntax
#### Standard $19 Per Month * Free custom domain * SS Security * Unlimited Storage * SEO Features * Premium Templates * Contributors * Premium Extensions [Sign Up][1] [1]: https://beaverhero.com
2. Add Code Block & Insert code
Code by Tuan.
Table style from Codecanyon
Will update many other tables soon.
You can send your question to my email to get detail answer. / How to Setup Password & Share URL
--- Happy New Year
Link to post
Top Posters For This Question
7
2
1
1
Popular Days
May 20
3
Sep 9
2
Sep 19
1
Oct 25
1
Top Posters For This Question
tuanphan 7 posts
jcsport123 2 posts
meltyogastudio 1 post
ShortAngryViking 1 post
Popular Days
May 20 2020
3 posts
Sep 9 2020
2 posts
Sep 19 2020
1 post
Oct 25 2020
1 post
Popular Posts
tuanphan
Some free code to create Pricing Table. Table 01. 1. Add 2 Markdown Blocks with syntax #### Standard $19 Per Month * Free custom domain * SS Security * Unlimited Storage * SEO Fea
tuanphan
Try this syntax: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet#toc-images
tuanphan
Add to Code Block <style> /* space between pricing tables */ @media screen and (max-width:767px) { .markdown-block { margin-bottom: 10px; } } </style>
Posted Images
12 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment