I have an idea: It’s a CSS Flexbox issue. I was monkeying around with Chrome Dev Tools and got the numbers to display left to right by changing the CSS to:

body[class*=” currency-“] .summary.entry-summary .price .woocs_price_code, body:not([class*=”currency-“]) .summary.entry-summary .price {

flex-direction: row;
justify-content: flex-start;

}

Best-practice-wise, I’m not sure exactly where to put this CSS. I’m curious to see what Codeless Support says.

• This reply was modified 7 years, 3 months ago by jtrue.

Hello,

Every custom css code you want to add to your site, will be added into Additional Css menu. See screenshot: https://postimg.org/image/x12t9qsdz/
All the css pasted here is safe and will not be lost by any future theme update (the update overwrites theme files and therefore deletes any direct changes made to them).

Best regards!

Uh oh! I don’t have this option available (see this). The only place I have in the June theme to enter CSS is in General > Custom Codes > . My custom CSS is taking effect so maybe I shouldn’t worry about it but I’m wondering why what you and I are seeing is different. The documentation doesn’t even mention custom CSS at all…

Thanks!

Hello,

@jtrue,
Yes, that’s correct! Thank you for pointing it out! It was a speedy mistake from my side. I mixed it with another of our themes. My apologies for this!

@PoeNedge,
This is not a mistake. It’s theme’s default style. It was actually in that order before and due to requests, we changed it to this way. If you want to change it to your taste and needs then you need to use the custom css.

Best regards!

Hello,

@PoeNedge,
I am sorry you don’t like it. We have only acted according to requests. We can’t please everyone.
Let us know if we can do anything for you.

Best regards!

Hi

I agree with @poenedge, this is a strange way of showing a pricing range.

Mihalia, can you confirm the CSS code required to change this back to woo-commerce default and also so that it shows “from:lowest price” please?

Many thanks

Euan

Hello,

Please add the css code below to Customizing > General > Custom Codes

.cl-price-rating span:not(.woocommerce-Price-amount):not(.woocommerce-Price-currencySymbol) {
    flex-direction: row !important;
    justify-content: flex-start !important;
}

Let us know.
Best regards!

Many thanks Medrit

This works for the shop summary but it is still the wrong way round on the individual item page?

As an aside what code would we need to make it a From : price?  So it shows “From : lowest price of variation” please?

Kind regards

Euan

Hello,

For the individual item page you should add the css code below to Customizing > General > Custom Codes :

body[class*=” currency-“] .summary.entry-summary .price .woocs_price_code, body:not([class*=”currency-“]) .summary.entry-summary .price {
flex-direction: row;
justify-content: flex-start;
}

You want to set From before the price, am i right? See screenshot and let us know: https://ibb.co/nuGCjd

Best regards!

Hello Medrit

Many thanks for this.

Yes, can we have the format so it appears as From : £3.00 ? So From[space]:[space]£lowest price.

Kind regards

Euan

Hello,

For the single product page, please add this code:

.product span.woocs_price_code {
    flex-direction: unset !important;
    width: 31% !important;
}

See screenshot: https://postimg.cc/image/joa80xdpj/

-Are you referring to edit only single product page price? Or every where (shop, single product etc)? To add text before the price you need to interment directly to theme files. Sorry but this is a customization not supported from this forum.
If you want more professional help in further customizing theme to your wish, our developers can help you.
Send an email to codeless.sol[at]gmail.com to ask for a quote.

Let us know.

Best regards!