Home Forums WoodMart support forum Page Design Help

Page Design Help

Viewing 30 posts - 1 through 30 (of 49 total)
  • Author
    Posts
  • #673438

    yaojunjie0710
    Participant

    Hello, Luke

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

    Luke Nielsen
    Keymaster

    Hello,

    1. They use this https://wordpress.org/plugins/luckywp-table-of-contents/ plugin.

    2. That functionality is related to the above plugin.

    Kind Regards

    #673623

    yaojunjie0710
    Participant

    Hi, Luke
    I added the luckywp table of contents plugin into our website.
    But, i can not find the place where can edit the the file for the luckywp table of contents at all.
    Could you please let me know, how to edit the PAGE file by the luckywp table of content plugin ?
    THANKS SO MUCH !

    #673713

    Luke Nielsen
    Keymaster

    Hello,

    Check the video below for help:

    https://www.youtube.com/watch?v=wGDg5dCIj80&ab_channel=Freetrepreneurs

    If it does not help you, contact the plugin support for help.

    Kind Regards

    #674459

    yaojunjie0710
    Participant

    Hi, Luke
    Could you please tell me what is the name for the Widgets

    #674471

    Luke Nielsen
    Keymaster

    Hello,

    It’s a Promo Banner element – https://take.ms/Drwaw

    If you have any questions, let me know.

    Kind regards

    #675208

    yaojunjie0710
    Participant

    Hello, Luke

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

    Luke Nielsen
    Keymaster

    Hello,

    1. They upload such images with the brands in the center by default – https://take.ms/eXPK6L

    2. They use sizes like 600×400, try to upload with such a size and let me know.

    Also, set the “Bordered” hover effect – https://take.ms/U8Uup

    Kind Regards

    #675264

    yaojunjie0710
    Participant

    Hi, Luke

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

    Luke Nielsen
    Keymaster

    Hello,

    1. That website has a bigger container- https://take.ms/oYgZW thus, the content is wider and images with the same columns are bigger.

    In the settings of the images, set the “Full” image as well – https://take.ms/cKZj2

    2. “default design for the photos” – do you mean you want to put brand logos on images?

    Kind Regards

    #675334

    yaojunjie0710
    Participant

    Hello, Luke
    We also set the container wide at 1400PX, And the photos at 600*400.
    But, the photo showing effect is still smaller than them . can not show bigger as them ?

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

    yaojunjie0710
    Participant

    Hi, Luke
    We also want to make the same page with this page of website:

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

    Luke Nielsen
    Keymaster

    Hello,

    1. Yep, it’s a products (grid or carousel)

    2. Enable the Load More button as a Pagination in the settings of the element – https://take.ms/vc7Jk

    3. Try to use the Tabs element – https://take.ms/uxLl4

    Kind Regards

    #675543

    yaojunjie0710
    Participant

    Hi, Luke

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

    Luke Nielsen
    Keymaster

    1. Try to use the code below to change the color of the button, just set the color that suits you.

    .home .wd-products-element .wd-load-more {
        background-color: #33424646 !important;
        color: #8d6824;
    }
    
    .home .wd-products-element .wd-load-more:hover {
        background-color: #333 !important;
        color: #7b66e3;
    }
    
    Changing color of the loader:
    .home .wd-products-element .wd-load-more .load-more-loading:before {
        border: 1px solid #fff;
        border-left-color: #a8a1a1;
    }

    2. Select the Content Type as HTML Block – https://take.ms/IRDH8 then create the content via HTML Block and assign it.

    Kind Regards

    #675638

    yaojunjie0710
    Participant

    Hello, Luke
    I have putted the CODE you told me into the Additional CSS.
    But , there is not any change on the LOAD MORE BUTTONS at all.
    Is there any problem ?

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

    Luke Nielsen
    Keymaster

    Okay, use the below code instead:

    .wd-products-element .wd-load-more {
        background-color: #33424646 !important;
        color: #8d6824;
    }
    
    .wd-products-element .wd-load-more:hover {
        background-color: #333 !important;
        color: #7b66e3;
    }
    
    Changing color of the loader:
    .wd-products-element .wd-load-more .load-more-loading:before {
        border: 1px solid #fff;
        border-left-color: #a8a1a1;
    }

    Define it in Theme Settings -> Custom CSS.

    Let me know the result.

    Kind Regards

    #675863

    yaojunjie0710
    Participant

    Hi, Luke
    Thanks for your kind supportant !
    We have added the same size photos on the home page. Wide at 1400 px, and the photo size at 600×400.
    But,the showing effect of our website is too small.

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

    Luke Nielsen
    Keymaster

    Make the container width as 1400px – https://prnt.sc/xxkPhFDwSD9U then recheck the issue and let me know.

    https://take.ms/COrtl

    Kind Regards

    #675912

    yaojunjie0710
    Participant

    Hi, Luke
    We have set the container size at 1400px, and the header marketplace 2 set at 1600px.

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

    Luke Nielsen
    Keymaster

    1. If we take, e.g., this image – https://take.ms/sX99b it has the same size as on that website – https://take.ms/myEgV

    The difference now, the gaps between the images – https://take.ms/UWyXe

    2. Define the right Header in Theme Settings -> General: https://take.ms/wi1IO

    Kind Regards

    #675988

    yaojunjie0710
    Participant

    Hi, Luke
    Please tell me that how to adjust the Line Height of the Accordion ?
    The Line Height is too high. we want to make it is shorter.

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

    Luke Nielsen
    Keymaster

    Hello,

    Try to use the code below for help:

    .wd-accordion .wd-accordion-title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    Then recheck the issue and let me know.

    Kind Regards

    #676089

    yaojunjie0710
    Participant

    Hello, Luke
    I putted the code, (.wd-accordion .wd-accordion-title {
    padding-top: 10px;
    padding-bottom: 10px;
    })
    but, the line height is still keeep original, and any change at all.

    #676111

    Luke Nielsen
    Keymaster

    Here is a custom – https://take.ms/kkfjf and here is a result – https://take.ms/subNQ

    Kind Regards

    #676308

    yaojunjie0710
    Participant

    Hi, Luke
    Thanks for your kind help !

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

    Luke Nielsen
    Keymaster

    Hello,

    1. Edit the Mobile menu in WoodMart -> Header builder and define the categories menu – https://take.ms/L6RJO

    2. First, define the menu in the Header builder and then recheck the issue.

    Let me know the result.

    Kind Regards

    #676616

    yaojunjie0710
    Participant

    Hi, Luke
    Thanks for your kind help!

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

    Luke Nielsen
    Keymaster

    Hello,

    Disable the “Show categories menu” option in the Mobile menu element – https://take.ms/RuZRBj

    Then the Categories tab will be hidden.

    Kind Regards

    #676640

    yaojunjie0710
    Participant

    Hi, Luke
    Thank your so much

    Attachments:
    You must be logged in to view attached files.
Viewing 30 posts - 1 through 30 (of 49 total)