Show price display more conspicuous

[Bodo Lamprecht 1]

Hello,

 

I would like to make the price displays more conspicuous. So the price should be at e.g. Classifieds in the overview and also on the detail page are larger, thicker and also displayed in a different color. As in classic classifieds websites.

 

Thank you

Bodo

[Alejandro 676]

You can very easily do this with CSS. Below an example thata you will use as a starting point to adjust to your liking

 

/*
The name of the field in 
the example is jr_realestateprice
*/
.jrRealestateprice {
    border: 1px solid #28289c;
    border-radius: 3px;
    padding: 5px 10px;
    display: inline-block;
}
.jrRealestateprice .jrFieldValue,
.jrRealestateprice .jrFieldLabel {
    font-size: 20px;
    color: #28289c;
    font-weight: 600;
}

That applies everywhere where the field is shown. If you want to limit to detail and list pages, you use jrListingDetail and jrListings as parent selectors:

.jrListings .jrRealestateprice,
.jrListingDetail .jrRealestateprice {
	border: 1px solid #28289c;
	border-radius: 3px;
	padding: 5px 10px;
	display: inline-block;
}
.jrListings .jrRealestateprice .jrFieldValue,
.jrListings .jrRealestateprice .jrFieldLabel,
.jrListingDetail .jrRealestateprice .jrFieldValue,
.jrListingDetail .jrRealestateprice .jrFieldLabel {
	font-size: 20px;
	color: #28289c;
	font-weight: 600;
}

Couldn't be easier! :)

[Bodo Lamprecht 1]

Thanks, I'll try it.

[Bodo Lamprecht 1]

Which css file do I use for this?

[Alejandro 676]

Whichever one you prefer. Your template's, JReviews CSS overrides.

[Bodo Lamprecht 1]

Everything okay. I got it. Thank you Alejandro