Css Snippets

RCA Frontpage includes a CSS Adjustment field on many layouts. Paste CSS there to change typography, borders, and category chips without editing module files. Rules target the same .mfp_* classes used in layout templates (for example .mfp_cat, .mfp_default_title, .mfp_author, .mfp_date, .mfp_introtext). Each module instance is wrapped in .mfp_mid_{module id} if you need tighter scoping.

Before you paste

Open Content, Site Modules, your RCA Frontpage instance, then the layout tab that shows CSS Adjustment. Paste one block at a time, save, and refresh the front end. Clear Joomla cache if the site uses conservative caching. Snippets below use modern CSS (logical properties, rgb() alpha syntax, system serif stacks). Adjust colors to match your template.

Ready-to-use snippets

Serif typography

RCA Frontpage module with serif category and title styling
Preview image optional — upload to images/rca/frontpage/ or omit the figure.
.mfp_cat a {  text-decoration: none;  font-family: ui-serif, Georgia, "Times New Roman", serif;  display: block;  text-align: center;  border-block-start: 2px solid rgb(0 0 0 / 0.8);  border-block-end: 2px solid rgb(0 0 0 / 0.8);  margin-block-end: 1em;  padding-block: 0.3em;}.mfp_default_title a {  text-decoration: none;  font-family: ui-serif, Georgia, "Times New Roman", serif;  display: block;  text-align: center;  margin-block-end: 1em;}.mfp_author,.mfp_date {  font-family: ui-serif, Georgia, "Times New Roman", serif;}.mfp_introtext {  font-family: ui-serif, Georgia, "Times New Roman", serif;}

Orange border on titles

RCA Frontpage titles with a left accent border
.mfp_cat a {  text-decoration: none;}.mfp_default_title a {  display: block;  border-inline-start: 4px solid orange;  padding-inline-start: 0.5em;  margin-block: 0.5em;}

Category underline bar

RCA Frontpage category label sitting on a red rule
.mfp_cat {  display: block;  block-size: 12px;  padding: 0;  margin-block-end: 0.5em;  border-block-end: 2px solid red;}.mfp_cat a {  background: #fff;  margin: 0;  block-size: 20px;  padding-inline-end: 0.5em;  display: inline-block;}

Pill-shaped category badge

RCA Frontpage category shown as a dark rounded pill
.mfp_cat a {  background: #333;  margin: 0;  letter-spacing: 0.05em;  border-radius: 50px;  color: #fff;  padding-inline: 0.8em;  display: inline-block;  margin-block-end: 1em;}

Scope to one module instance

Replace 123 with your module ID from the module list. Prefix every selector with the wrapper class Joomla prints on the module output.

.mfp_mid_123 .mfp_cat a {  border-radius: 50px;  background: #333;  color: #fff;}

Updates

RCA may add snippets here when new layouts ship. Bookmark this page or follow RCA Frontpage release notes in your Pro update feed.