Display elements in 1 line

[Mag8891]

Hi Harry

I am trying to find the code to put reviews stars and percentage in 1 line, I think about this code, but it doesn’t work, could you please help me to find the mistake?

.price-review .woocommerce-product-rating .star-rating .jas-wc-single .product .wcst_smarter_reviews {
display: inline-block;
}

thank you

[Harry]

Hi,

Please add below code

.entry-summary .price-review { display: inline-block;}
.entry-summary .wcst_smarter_reviews {float: right;}
.product-quickview .woocommerce-product-rating {margin-left: 0;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi Harry so I have tired to use the above code as example to move other elements the same way but for some reason the left sie is 1 line higher then it should be, could you help me to correct please? thank you

 

.entry-summary .price { display: block;}
.entry-summary .wcst_savings_top {
display: inline !important;
float: right;}
.entry-summary .wcst_savings_variation {
display: inline !important;
float: right;}

This works OK, but when I add below it moves downs 1 line

.entry-summary .wcst_low_stock_scarcity { display: inline-block;}
.entry-summary .wcst_deal_expiry {float: right;}

Attachments:

You must be logged in to view attached files.

[Mag8891]

sorry this part works

.entry-summary .price { display: inline-block;}
.entry-summary .wcst_savings_top {
float: right;}
.entry-summary .wcst_savings_variation {
float: right;}

 

but not below

.entry-summary .wcst_low_stock_scarcity { display: inline-block;}
.entry-summary .wcst_deal_expiry {float: right;}

[Harry]

Could you sen me the link of product show full information.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

This reply has been marked as private.

[Harry]

Cool, it now show perfect.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

hi no, sorry when I add the code below it all move as on the pic I attached earlier, I don’t understand why as it works for other lines, see last two line I add in my custom css and it move 1 line below on the right column, and after this code change the gift card design button too all on separate line, but not 2 in one line

.entry-summary .wcst_low_stock_scarcity { display: inline-block;}
.entry-summary .wcst_deal_expiry {float: right;}

[Mag8891]

This reply has been marked as private.

[Harry]

Hi,

It can’t make “Only 4 left in stock!” and “Sale ends in 2 weeks” in a line because the HTML code not support.

I recommend this style http://take.ms/9Z5iY

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

This reply has been marked as private.

[Author]

Posts