Sharing how I changed the price color block on latest listings. Sigma theme style.css.


Style.css - Adds green color block on latest listings and category listings

.listing-card .currency-value {display: block;background-color:#C1FFC1;font-weight: bold;color:#222;font-size:16px;padding-left:4px;line-height:30px;margin:0 0 1px 0;max-width:204px;overflow:hidden;text-overflow:ellipsis;}

Style.css - changes the price font size on category listings page.
 
.listing-list .listing-card .currency-value {margin:3px 0 5px 0;font-size:16px;line-height:30px;}

How I added a green color block behind the price on item page. Sigma theme style.css

Style.css -

#sidebar .price {background:#C1FFC1;padding:8px 5px;font-weight:bold;float:left;width:100%;margin:0 0 12px 0;color:#222;font-size:40px;line-height:44px;text-align:center;}

How I change the yellow color block to green on item page mobile view. Sigma theme responsive.css

Responsive.css -

#item-content .price {display: inline-block; margin: 0 0 20px 0; font-weight: bold; font-size: 32px; line-height: 34px; color: #000;background:#C1FFC1;padding:15px;}

@mheston
Thanks for feedback and sharing your expertise

How did you get the $ symbol to show up to the left of the amount?  Mine is showing up to the right, as in:

15$

Instead of:

$15

Language setting, price format

That worked.  Thanks!