Jump to content
Bodo Lamprecht

Show price display more conspicuous

Recommended Posts

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

Share this post


Link to post

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

 

2018-04-15_07-20-15.png

/*
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! :)

Share this post


Link to post

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Please refer to our Privacy Policy.