Wocommerce Recommendations plugin

Hi, I am using the woocommerce recommendations plugin to add so recommendation on the home page. It works fine but I have some styling issues. I want the recommended grid to be formatted like my other grids.
I want the bottom section “You recently viewed” to be similar to the essentials section on top. Can someone help me with the css code?
see my website link in private content.

Hello,

Please provide the URL of the page where you added the Recommendations to check it myself and help you out accordingly.

Best Regards

Hello Aizaz,

The website link is here: https://fijibasket.com/

On the home page, I want the recently viewed section at the bottom of the page to be formatted similar to the essentials section on top.

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.wc-prl-recommendations .product-grid-item {
    margin-bottom: 0 !important;
    border-style: solid;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-color: inherit;
    padding-bottom: 10px;
    border-top-width: 1px;
}

Best Regards.

Thank, it does add borders and abit of styling.

I am more interested in adjusting the size of each product being displayed similar to the essentials grid on top. Also, the font for the price and product title is different for some reason. I do not understand why all these things are not inherited from the theme settings.

Can I change the font of the recently viewed section to Hind. Just the price and product title font is different.

Hello,

The number of columns are controlled by the plugin, not our theme.

Please try increasing the number of products per row then the size will be the same.

For the font try adding the following Custom CSS.

.wc-prl-recommendations .product-grid-item .wd-entities-title {
    font-family: var(--wd-entities-title-font);
}

Best Regards.

[Author]

Posts