Skip to main content

Custom CSS

CSS Classes​

Because RealtyVis blocks are embedded directly into page, it is possible to style most elements by overriding the default CSS classes. To make styling easier for others, RealtyVis has adopted a variation of the Block Element Modifier (BEM) naming methodology which allows you to quickly find and override the specific element.

tip

To make your custom style overrides easier and more future-proof, We recommend the use of the CSS !important property when overriding RealtyVis styles because this guarantees your overrides are not impacted by changes in CSS specificity.

DON'T DO THIS

.rv-listingLabel-price {
    color: red;
}

DO THIS

.rv-listingLabel-price {
    color: red !important;
}

Customization Examples​