Osclass Support Forums
Osclass theme support => Sigma Osclass Theme => Topic started by: mheston on December 01, 2021, 04:14:54 PM
-
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!