change basic price (Grundpreis)

I want to Change the Basic Price which will shown in a product when I insert an amount.
I want to Change it that at the beginnging will be “Grundpreis” and the total text should be smaller.
Enclosed an exampel what I mean.
Hope you can help me.
kindly regards

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*add grundpreis before price*/
span.price:before{
 content: "Grundpreis ";
}

Best regards,
Support.

Kindly regards for your answer.
In the meantime I find the solution to get “Grundpreis” infront of the Price.
But how can I Change the font-size of the Basic Price.

your idea to Change span.price will Change the normal Price but not the Basic Price.
hope you can still help me.
kindly regards

I want ask again if there is a possible solution to Change the Basic Price font-size.
kindly regards

Hello there,

You can use the following CSS to change the font size and font weight:

/*Price font size*/ .woocommerce-Price-amount.amount { font-weight: 100; font-size: 14px; }

Best Regards,
Support

Kindly regards for your answer but nothing will Change.
Hope you can still help me there.
kindly regards

I have done some changes.
I Change the Code to:

/*Price font size*/
span.woocommerce-Price-amount.amount {
 font-weight: 100;
 font-size: 14px;
 }

But then all Prices will get this Format. But I Need only the Basic Price (Grundpreis).
Hope you can still help me there.
kindly regards

Hello there,

I hope you are doing well today.

lease remove the previous CSS code and try this on instead:

p.price.price-unit.smaller { font-size: 27px !important; color: gray !important; }

Best Regards,
Support

Kindly regards for your answer.
I use now the following css:

p.price.price-unit.smaller > span.woocommerce-Price-amount.amount:before {
  content: "Grundpreis:  ";
	color:#A4A4A4;
		font-size: 9px;
}

/*Grundpreis 
add grundpreis before price*/
p.price.price-unit.smaller,
p.price.price-unit.smaller > span.unit,
p.price.price-unit.smaller > span.woocommerce-Price-amount.amount,
.woocommerce div.product p.price.smaller,
.woocommerce div.product span.price.smaller,
.woocommerce div.product p.price.smaller .amount,
.woocommerce div.product span.price.smaller .amount {
	font-size: 9px;
	color:#A4A4A4;
}

This work fine but the “/” in the product overview is bigger than the normal text. In the Detail Product view also the “/” has the same size as the other text.
See Picture: Dropbox - preis.png - Simplify your life
or here the link: https://www.agoshop.at/schimmelentferner/

Hope you can still help me.
kindly regards

Hey there,

I hope you are well today and thank you for your question.

That code isn’t wrapped in a tag hence the CSS won’t take effect on it,
I suggest increasing the size of the price and wording to match that of the “/”

Best regards,
Support.

It will work

.woocommerce ul.products li.product .price.smaller {
  font-size: 9px;
	color:#A4A4A4;
}

Hello there,

I am not sure of the last response, did that CSS code work for you?

Best Regards,
Support

It works fine.
kindly regards

Hello there,

That’s great, glad you found a solution, and thank you for sharing it with us.

Let us know if there’s anything else we can help with.

Regards,
Support.