Home Forums WoodMart – Premium Template Theme slider

This topic contains 16 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 3 days, 10 hours ago.

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #206773

    rmad1902
    Customer

    Hello! There are 2 questions.

    1) I use the theme slider, and on mobile smartphones the slides are displayed incorrectly. How to make the image displayed on smartphones whole and scaled?

    2) Why can’t I put quotes? I set it in the settings, but they are displayed incorrectly.

    Thank!

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #206839

    Hello,

    1. This is the way the background cover works. If you want to have the image as it is on mobile, add this code to the Theme Settings > Custom CSS > Mobile /Tablet /

    div.woodmart-slide {
    	background-size: contain;
    }
    div#slider-49 .woodmart-slide {
        min-height: 62vw;
    }

    2. The problem is caused by the font. It seems that the font does not support it. Try another font.

    Best Regards

    #206929

    rmad1902
    Customer

    Tell me which font do you need to change?

    #206991

    Hello,

    Please provide the page URL and site admin access, I will check and suggest.

    Best Regards

    #207092

    rmad1902
    Customer

    The font issue has been resolved, thanks.

    There are a few more questions:

    1) on smartphones, the product tab on the main page is incorrectly displayed. How to fix it?

    2) on smartphones the slide picture in the theme slider is not shown. How to fix it?

    3) On this product (https://ekokot.com/shop/shopper-kot-v-zolote/) there is a share icon. I do not know how he appeared. How to remove it?

    4) How to choose colors for mugs with discount information? Screen attached.

    Private Content Hidden
    Attachments:
    You must be logged in to view attached files.
    #207285

    Hello,

    1. You need to insert the title: http://prntscr.com/t8ffog
    2. We have tested on the several browsers and do not see the problem, please clean the cache.

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

    div.product-share {
    display: none;
    }
    body .labels-rounded span.onsale { 
    background-color:#000000; 
    }

    Best Regards

    #207297

    rmad1902
    Customer

    1) the problem is that the arrows are shifted up. Cleared the cache, opened in several browsers, everywhere this problem.

    Attachments:
    You must be logged in to view attached files.
    #207330

    Hello,

    This problem would be solved if you insert the title in the tab: http://prntscr.com/t8ffog

    Best Regards

    #207569

    rmad1902
    Customer

    Thank.

    There are 4 more questions:

    1) The red label does not disappear on the product page https://ekokot.com/shop/shopper-kot-v-zolote/, although the code you sent is added. What to do?

    2) How to make the images in the product gallery displayed in 2 rows? An example attached.

    3) How to increase the size of the inscription above the logo on the main page for computers? I paste in a regular text block, the font is too small.

    4) For mobiles, on the contrary, you need to reduce the font of the inscription near the logo. How to do it?

    Attachments:
    You must be logged in to view attached files.
    #207727

    Hello,

    1. Please find this code in the Theme Settings > Custom CSS > Global:

    body .labels-rounded span.onsale {
        background-color: #F44B3D;
    }

    and replace this one:

    body .labels-rounded span.onsale {
        bdisplay:none;
    }

    2. Unfortunately, there is no option.

    3. Add this code to Desktop

    .whb-top-bar .whb-text-element {
        font-size: 16px;
        line-height: 1.2;
    }

    4. Set the size in the code # 3 and insert into Mobile.

    Best Regards

    #207821

    rmad1902
    Customer

    1) Replaced the code. Labels with the discount amount have become the default color.

    It is necessary to remove element No.2, and element No.1 should have the color # F44B3D. With the help of the codes that you sent the element No.1 has become the desired color, and element No.2 does not disappear.

    How to remove item number 2?

    Attachments:
    You must be logged in to view attached files.
    #207832

    rmad1902
    Customer

    4) I paste this code into the field for mobile and nothing changes. The text should fit on one line.

    Attachments:
    You must be logged in to view attached files.
    #208070

    Hello,

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

    body .whb-header-bottom-inner .whb-text-element p strong{
    	font-size:8px;
    }

    As for the sales label, please delete the previous code I will provide a new one.

    Best Regards

    #208272

    rmad1902
    Customer

    I deleted the code, I’m waiting for a new one from you.

    There are a few more questions:
    1) There are strange spaces on the product page on mobile. Can they be removed?
    2) On the main page for mobile, due to the white insertion, a photo of the product itself is not visible. How to make this insert sideways?
    3) Can I make the text “1 piece left” be displayed on the product page?

    Attachments:
    You must be logged in to view attached files.
    #208373

    Hello,

    1. What device do you use? I do not see these gaps.

    2. It is not possible to move to this area anywhere. Wherever I place this is it would overlay the picture. I can move it to the top.

    3. Woocommerce does not provide the option.

    Now I view the shop page and see one label only https://prnt.sc/tb06y7

    The label background is as per your requirements # F44B3D https://prnt.sc/tb0esy

    Please specify.

    Best Regards

    #208409

    rmad1902
    Customer

    1) I have these spaces in all browsers. I use a smartphone ZTE

    2) Why then on the store page these icons are not? You can’t make the main one also be?

    4) Only on this page https://ekokot.com/shop/shopper-kot-v-zolote/ an extra shortcut is displayed. With the background of the label, everything is in order. But how to remove the red label?

    #208433

    Hello,

    Have a look at the screen: https://prnt.sc/tb4gp1

    This label is the featured product, it seems you have renamed it. You need to remove the star in the admin panel from the product. If I give you custom CSS to hide, you will not have the possibility to show the featured products.

    You can check if you have renamed the label in Loco > Plugins > Woocommerce.

    You can disable the featured product in Products > remove the star by clicking https://prnt.sc/tb5ldr

    Best Regards

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

You must be logged in to reply to this topic.