HOT label

Hello,

1) You need to tell me where you want to move the label using a screenshot so that I can provide you with the CSS.

2) I have enabled AJAX and the search is working fine. Please clear cache and check back.

3) You can add headers under Woodmart >> Header Builder.

https://xtemos.com/docs-cat/header-builder/?theme=woodmart

4) This issue is fixed.

5) Please provide a relevant screenshot of the specific area to check it myself and help you out accordingly.

6) You can change the size of the logo by editing it from Woodmart >> Header Builder.

Screenshot for Clarification: https://gyazo.com/5d0f2ec414f38e388fcb91b53dbf2630

Note: Please create new topics for each issue in the support system to avoid any confusion.

Best Regards

Hello,

You are Most Welcome.

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

The CSS for top right.

.labels-rounded {
    top: 7px;
    left: auto;
    right: 7px;
}

The CSS for top left.

.labels-rounded {
    top: 7px;
    left: 7px;
    right: auto;
}

Best Regards

Hello,

The labels are added in one div that’s why all that are added to the product.

If you want to move only the hot label then try adding the following Custom CSS.

.product-grid-item .labels-rounded .featured {
    margin-left: 180px;
}

Best Regards

Hello,

For the new label try adding the following CSS.

.product-grid-item .labels-rounded .new {
    margin-left: 180px;
    margin-top: -57px;
}

For the label size try adding the following CSS and adjust the values as you need.

.labels-rounded .product-label {
    padding: 3px 5px;
    min-height: 40px;
    font-size: 13px;
}

Best Regards