Product Grid Few changes

Hello Woodmart support team , I love your team . I need help with few changes as shown on SS .

1. The first change I want is rating star, in stock into middle.
2. The 2nd change i want is both regular price and sale price into middle and I want to add that text with Sale (red) price as : “Was” £ 799.99 and regular price (BLUE) ” NOW ” £ 649.00 in vertical list as right now it is in horizontal list
3. The third change is I want to keep title to 2 lines only and I want Text get bold when someone hover on product.

I am attaching screen shot and also providing site access

Attachments:

You must be logged in to view attached files.

Hello,

1. Could you kindly provide more details, now you want to show the rate on the product grid?
2. We can set different colors for regular and for sales at the same time there is not space enough to insert a world before for mobile.
3. Now the text gets bold https://gyazo.com/d44c46f8d2ad69dddf29275a1b0cde97

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Sorry to say but You have not helped me on my above any point. Kindly please check it again.
For my 1 and 2 requirements , please check the screenshot I attached. For point 3 should I change the text size ?

Attachments:

You must be logged in to view attached files.

Hello Support , I have fixed the requirement 1 , Now please Help me on requirement 2 and 3. I need price into center too

can support please help??

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.price ins, .price del {
    display: block;
    width: 100%;
    text-align: center;
}
.wd-hover-fw-button .wrap-price {
    margin: 0 auto;
}
.price small {
  text-align: center;
	display:block;
}

Best Regards

Thanks Elise Noromit, The code worked . Just the one thing I want is the content to be added on with regular and sale price which is ” WAS ” and ” NOW ” as shown on Screenshot. Can you please help me with it?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.product-grid-item .price del {
	text-decoration: none;
}

.product-grid-item .price del > span {
	text-decoration: line-through;
}

.product-grid-item .price del:before,
.product-grid-item .price ins:before {
	margin-right: 5px;
}

.product-grid-item .price del:before {
	content: "WAS";
}

.product-grid-item .price ins:before {
	content: "NOW";
}

Best Regards

Thank you It worked like a charm , appreciated :))

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts