• Home
  • Minifrontpage CSS

Ready to use Minifrontpage CSS adjustment

Mini Frontpage and Mini Frontpage Pro comes with CSS adjustment table that allows you to add css modification to the module styles without touching the physical file. Here are some of 'Ready to use' css adjustment you can use to get some style variations, and to give you clue on how to add style adjustment

.mfp_cat a {text-decoration:none;font-family:serif;display:block;text-align:center; border-top:2px solid rgba(0,0,0,0.8); border-bottom:2px solid rgba(0,0,0,0.8);margin-bottom: 1em;padding:0.3em 0 }
.mfp_default_title a { text-decoration:none;font-family:serif;display:block;text-align:center;margin-bottom:1em;}
.mfp_author,.mfp_date {
font-family:serif;}
.mfp_introtext {font-family:serif;}
.mfp_cat a {text-decoration:none;}
.mfp_default_title a {display:block;border-left:4px solid orange; padding:0 0 0 0.5em;margin:0.5em 0}
.mfp_author,.mfp_date {}
.mfp_introtext {}
.mfp_cat {display: block!important;height: 12px;padding: 0; margin-bottom: 0.5em;border-bottom: 2px solid red;}.mfp_cat a {background: white;margin: 0;height: 20px;padding-right: 0.5em;display: inline-block;}
.mfp_cat a {background: #333;margin: 0;letter-spacing:1px;border-radius:50px;color:#ffffff!important;    padding: 0 0.8em;display: inline-block;margin-bottom:1em}

We will update this page frequently, so don't forget to check this page again later.