This topic contains a post which is marked as Best Answer. Press here if you would like to see it.
*

mheston

  • ***
  • 42 posts
Sharing how I changed the price color block on latest listings
« 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;}
« Last Edit: December 01, 2021, 04:34:15 PM by mheston »

*

mheston

  • ***
  • 42 posts
Re: Sharing how I changed the price color block on latest listings
« Reply #1 on: December 01, 2021, 04:20:25 PM »
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;}

*

mheston

  • ***
  • 42 posts
Re: Sharing how I changed the price color block on latest listings
« Reply #2 on: December 01, 2021, 04:48:54 PM »
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;}

*

MB Themes

Re: Sharing how I changed the price color block on latest listings
« Reply #3 on: December 01, 2021, 08:30:17 PM »
@mheston
Thanks for feedback and sharing your expertise ;)
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

bkfly1

  • **
  • 19 posts
Re: Sharing how I changed the price color block on latest listings
« Reply #4 on: September 22, 2022, 06:36:30 PM »
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

Marked as best answer by frosticek on September 24, 2022, 09:48:36 PM
*

MB Themes

Re: Sharing how I changed the price color block on latest listings
« Reply #5 on: September 22, 2022, 06:44:34 PM »
Language setting, price format
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

bkfly1

  • **
  • 19 posts
Re: Sharing how I changed the price color block on latest listings
« Reply #6 on: September 22, 2022, 08:47:13 PM »
That worked.  Thanks!