CSS for changing font size

If you want to increase or decrease the font size for your profiles you can add the following CSS under Design > Custom Styling within the directory settings. Alternatively you can add it to your website's CSS editor (on Squarespace for example, this is under Design > Custom CSS). 

There are two sections to the CSS, one for mobile and one for desktop. 

/* CHANGE COMMUNITY BOX FONT SIZE ON DESKTOP */

@media screen and (min-width: 511px) {

/* Title */
.cb-beo-overview-title {
    font-size: 18px !important;
}

/* Name */
.cb-beo-overview-businessname {
    font-size: 15px !important;
}

/* Tags */
.cbeb-category-summary-container {
    font-size: 12px !important;
}

/* Description */
.cbeb-bio-snippet {
    font-size: 14px !important;
}

/* Read more */
.cb-beo-readmore {
    font-size: 12px !important;
}

/* Location */
.cb-beo-overview-location {
    font-size: 14px !important;
}

/* Details text */
.cbeb-entry-view {
    font-size: 15px !important;
}

/* Details tag */
.cbeb-entry-tag {
    font-size: 14px !important;
}
}


/* CHANGE COMMUNITY BOX FONT SIZE ON MOBILE */
@media screen and (max-width: 510px) {

/* Title */
.cb-beo-overview-title {
    font-size: 18px !important;
}

/* Name */
.cb-beo-overview-businessname {
    font-size: 15px !important;
}

/* Tags */
.cbeb-category-summary-container {
    font-size: 12px !important;
}

/* Description */
.cbeb-bio-snippet {
    font-size: 14px !important;
}

/* Read more */
.cb-beo-readmore {
    font-size: 12px !important;
}

/* Location */
.cb-beo-overview-location {
    font-size: 14px !important;
}

/* Details text */
.cbeb-entry-view {
    font-size: 15px !important;
}

/* Details tag */
.cbeb-entry-tag {
    font-size: 14px !important;
}
}<br>