Trying to get price variation on one line in woocommerce

[deanrix]

Hi there,

I have p[rice variations for each product in woocommerce however they are displaying like this:

$19.25

$25.00

I would like it ti display like:

$19.25 - $25.00

Can you assist ?

[nabeel]

Hi @deanrix,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

In the Theme Options > CSS you can try adding the following code:

.woocommerce .price {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.woocommerce li.product .entry-header .price>ins>.amount {
	margin-right: 5px;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!

[deanrix]

Thank you so much…it worked !!!

[lely]

You’re always welcome @deanrix!

Cheers.