Need to change size of Beans amount

Resolved IntownWebPros
(@kjcc)

9 years, 5 months ago

I need to change the size of the dollar amount where it says:

100 beans // $1.00

I have edited my CSS to change .amount for my Wocommerce price display. However, when I did this it also changed the $1.00 in the line that reads 100 beans // $1.00. I would like to return the 100 beans // $1.00 amount back to it’s original state but it looks like the span class used for that is the same as the span class used for Wocommerce price. Is there any way that I can make the change?

Here’s a page where you can see the problem: http://appliquegeek.com/shop/birthdays/geek-periodic-table-thank-cards-digital-download-pdf-file/.

I would also suggest that in a future update to the Beans plugin the Beans amount be changed from span class amount to span class beans-amount.

Thanks in advance for your help!

https://wordpress.org/plugins/woocommerce-beans/

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter IntownWebPros
(@kjcc)

9 years, 5 months ago
Found some code over here that worked for me.

I had been using this to change the size of the Woocommerce price:
```
.amount {
	font-size: 40px;
```
Instead I am now using this code:
```
.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {
	font-size: 40px;
}
```
The new code does not effect the Beans price.

I would still suggest that in a future update to the Beans plugin the Beans amount be changed from span class amount to span class beans-amount. For a novice programmer like myself, I think that would make things easier. When I was trying to figure out how to make my changes I just used the Chrome Inspect Element option and found the amount class to change. I think other people might take the same approach and end up in the same situation I was in. Changing the Beans code to beans-amount would fix that.

Thanks for the great plugin!
Plugin Author _beans
(@_beans)

9 years, 5 months ago

Unfortunately, the span class amount is auto-generated by woocommerce so we cannot modify it easily.

Glad you find a solution!

If you like our plugin please make a review.

Thread Starter IntownWebPros
(@kjcc)

9 years, 5 months ago

I know the span class amount is from woocommerce, that’s why I don’t think you should use the span class amount to format any of your content. You use your own span class beans-unit to format beans amounts so why wouldn’t you use your own span class to format the dollar amount that a certain number of beans is equal to?

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Need to change size of Beans amount’ is closed to new replies.