Home Forums WoodMart – Premium Template Label Position

This topic contains 17 replies, has 2 voices, and was last updated by Aizaz Imtiaz Awan Aizaz Imtiaz Awan 1 month, 1 week ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #272089

    Rachid
    Customer

    Please watch the video and screenshot in the private section

    Thank you

    Private Content Hidden
    #272115

    Hello,

    I saw the screenshots you attached.

    Please provide the URL of the website and the URL of the product to check it myself and help you out accordingly.

    Regards.
    Xtemos Studios

    #272124

    Rachid
    Customer

    Logins in private section and its the only product in the shop

    Thank you

    Private Content Hidden
    #272129

    Hello,

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

    .product-label.label-term-bio.label-attribute-pa_bio {
        margin-top: 226px;
    }

    Regards.
    Xtemos Studios

    #272131

    Rachid
    Customer

    Thank you so much this has worked great for the product grid but not on the product page

    Please check the screenshots I send you for reference and the video also

    #272263

    Hello,

    You are Most Welcome.

    For the single product page please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .single-product .product-label.label-term-bio.label-attribute-pa_bio {
        margin-top: 500px;
        margin-right: 529px;
    }

    Regards.
    Xtemos Studios.

    #272306

    Rachid
    Customer

    Hi There!

    Thank you so much! i have set the position I want for both product grid and also product page!

    However this only works for desktop and I want the position to be fixed for all screensizes! mobile and tablet

    how can I do that?

    Thank you

    #272329

    Hello,

    You are Most Welcome.

    You need to adjust the CSS I provided you according to your requirements as you want to display on mobile and tablet and then add the CSS to the Custom CSS for Mobile and Custom CSS for Tablet respectively.

    Best Regards

    #272395

    Rachid
    Customer

    Thank you for your answer!

    if i knew how to do it i wouldn’t even write in the first place!
    it would be good if you let me know how to do that

    thank you

    #272410

    Rachid
    Customer

    and strange things happen when the product is on the sale! the position of the label changes completely! you can check it in the shop

    #272411

    Rachid
    Customer

    as well as in-shop page and also cross and up-selling grids! please check the whole and get back to me

    Thank you so much!

    #272594

    Hello,

    I have visited your website and the issues occur when you increase the margin-top values. Please replace all the previous Custom CSS with the following in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .product-label.label-term-bio.label-attribute-pa_bio {
        margin-top: 230px;
        margin-left: 4px;
    }
    
    .single-product .product-images-inner .product-label.label-term-bio.label-attribute-pa_bio {
        margin-top: 530px;
        margin-right: 529px;
    }

    Note: Actually when the label sale is also enabled then the margin value we add will work according to it. So we need to reduce the margin value then it will be displayed inside the image.

    And there is no other way that we can display it of the same position when the sale label is enabled. It requires customizations and this is beyond our limitations and support policy.

    Regards.
    Xtemos Studios

    #272608

    Rachid
    Customer

    unfortunately, this doesn’t work at all, and it’s all over the place and on mobile or tablet, it doesn’t work at all

    #272683

    Hello,

    I have logged into your website and added the CSS back and it’s working.

    Sorry but this is how it works and you cannot make it to display at the same position when there are other labels as well.

    It requires customizations and this is beyond our limitations and support policy.

    Best Regards

    #272684

    Rachid
    Customer

    no, it doesn’t! working means when it works site-wide and for all products

    Thanks anyway

    #272707

    Hello,

    Sorry but the CSS works Globally for all the products and you could not restrict it to specific products.

    It requires customizations and this is beyond our limitations and support policy.

    Regards.
    Xtemos Studios

    #272709

    Rachid
    Customer

    That still a wrong statement!

    I’m not trying to restrict it to specific products! its about position of the label which must be unified site-wide just like the normal labels, sale for example and so on

    #272724

    Hello,

    I have logged into your website and added a bunch of CSS codes in the Custom CSS for Desktop, Mobile and Tablet respectively.

    Please clear cache and check back. If the position of the label is according to what you require.

    Regards.
    Xtemos Studios

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.