HOT label

I wanted to change the position of hot label, presented in product page/ single product page. is there any possibility to customize it.??

Hello,

We can help you change the position of the label using CSS.

Please explain where you want to move the label with the URL of the product.

Best Regards

1) Can u share me the css code part n the place where I need to embed it
2) In header fashion minimalism – search product is not working (plz check in my url)
3) is there any way to create new Header
(under general ->header
Set your default header for all pages from the list of all headers created with our Header Builder.
) becz currently am using Header Fashion Minimalism but I need to customize

4) search product is not working and it is not displaying in mobile view.needit to be fixed.I want search to be visbile right after. logo at rightside
5) page title -> I want to decrease the. size when product category isclicked.
eg: when shop is clicked – it shows all in the small size but when my product category namely saree shape wear is clicked it shows in big font.i want it. to be reduced.(plz refer pic)

6) default mobile header logo. isbig but if I scroll the logo. is in perfect size so I want the.logo size to be same as scrollsize (plz refer pic)

Attachments:

You must be logged in to view attached files.

refer the size

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

thank u so much

You need to tell me where you want to move the label using a screenshot so that I can provide you with the CSS. – provide meindivual codes for 2 places
1) top extreme right
2). top extremeleft

also share codes for new label too

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

hi i tried but both. discount. round label and hot label also moving.I want only hot and new. label to move extreme right n left

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

tried this but. not working .plz check images

tried this but. not working .plz check images – I used margin-right but not working

Attachments:

You must be logged in to view attached files.

1)I tried this – it worked but how to changefor new label too?
.product-grid-item .labels-rounded .featured {
margin-left: 130px;
margin-top: -57px;
}
2) how to change the round size – increase. or decrease the label size?

Attachments:

You must be logged in to view attached files.

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

[Author]

Posts