Home Forums WoodMart support forum Main Menu – Background color

Main Menu – Background color

Viewing 30 posts - 1 through 30 (of 72 total)
  • Author
    Posts
  • #664252

    yaojunjie0710
    Participant

    How can we change the Main Menu – Background color and the font size of the second Menu words ?
    1. How to change the background color into the WHITE, not the black background?
    2. The words of the second menu words is too small, can we make the words much more bigger ?

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

    Luke Nielsen
    Keymaster

    Hello,

    1. In the Menu item, set the dropdown color scheme as dark – https://prnt.sc/LhSqLFGOGwRF then recheck the issue.

    2. Edit the HTML Block via the Page builder – https://prnt.sc/2EGK_Nl9pwL- and change the font size in the settings of the element – https://prnt.sc/xOYXXaLvjr1J

    3. Please send me a screenshot of which words you want to make bigger.

    4. Yep, here are screenshots – https://prnt.sc/vel5LnitjN_o -> https://prnt.sc/URwef7EQZcct

    Kind Regards

    #664335

    yaojunjie0710
    Participant

    Hello, Luke
    Thanks for your kind help.
    There are total 2 problems when we change the Background of the Main Menu.
    1. When we set the e dropdown color scheme as dark for the TORSOS, TOP BRANDS, ACCESSORIES …
    The changing of set color as dark CAN NOT BE SAVED success at all !

    2. About Edit the HTML Block, We just make the Main Menu, not the HTML Block information for the all Main Menu information. so, how can we change the font size and font family for the words of the Main Menu?

    https://sexydolls.shop/

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

    yaojunjie0710
    Participant

    Hello, Luke
    Thanks for your kind help.
    There are total 2 problems when we change the Background of the Main Menu.
    1. When we set the e dropdown color scheme as dark for the TORSOS, TOP BRANDS, ACCESSORIES …
    The changing of set color as dark CAN NOT BE SAVED success at all !

    2. About Edit the HTML Block, We just make the Main Menu, not the HTML Block information for the all Main Menu information. so, how can we change the font size and font family for the words of the Main Menu?

    https://sexydolls.shop/

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

    Luke Nielsen
    Keymaster

    Hello,

    1. I see on your end that 1 dropdown is white and another one is dark – https://gyazo.com/5956c93ffeed46370e0bf7f04f4e1fa6 , let me know if I missed something.

    2. Navigate to Theme Settings -> Typography -> Advanced -> create a rule that is related to the Main navigation links – https://prnt.sc/hFOuFWJjJcAr , change font there and recheck the issue.

    Kind Regards

    #664687

    yaojunjie0710
    Participant

    Hello, Luke
    Yes, you are correct. I do as your request, but, when set the Dropdown color scheme at Black. and it is still can not be Saved at all. please check our home page website for the Main Menu. it is still same as before.

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

    Luke Nielsen
    Keymaster

    Hello,

    Send me access to the admin panel so I can look closer at the settings there.

    Thank you in advance.

    Kind Regards

    #664762

    yaojunjie0710
    Participant

    Hello, Luke
    Please check the following access to the admin panel .

    #664801

    Luke Nielsen
    Keymaster

    Hello,

    First increase the Max input vars value on your server – https://prnt.sc/sUCjZsZDi5ca

    Then recheck the issue with savings and let me know.

    Kind Regards

    #664887

    yaojunjie0710
    Participant

    Hello, Luke
    Thanks for your kind help !
    The first question have been resolved now.
    But, About Edit the HTML Block, We just make the Main Menu, not the HTML Block information for the all Main Menu information. so, how can we change the font size and font family for the words of the Main Menu?
    ( The words of the second menu words is too small, can we make the words much more bigger ? we want to make the black words and white words can be much more bigger, as same as this website.

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

    yaojunjie0710
    Participant

    Hi, Luke
    How can change the position of the Label Tex (PREMIUM…) into the right.

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

    Luke Nielsen
    Keymaster

    Hello,

    You can try to use the code below for help:

    .wd-sub-menu li>a {
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 8px;
        padding-bottom: 8px;
        color: var(--sub-menu-color);
        font-size: 14px;
        line-height: 1.3;
    }
    
    .wd-sub-menu li>a .menu-label {
        margin-top: 0px !important;
        margin-left: 5px;
        border-radius: 50px;
    }
    
    .wd-sub-menu li > a .menu-label::before {
        border-color: unset;
        border: 0 ;
    }

    Define it in Theme Settings -> Custom CSS.

    Kind Regards

    #665059

    yaojunjie0710
    Participant

    Hello, Luke
    Thanks for your kind help very much!
    By the way, we want to make the font size of the Label text much more bigger, how to make the charge for the font size of the Label text ?
    Thanks again !

    #665116

    Luke Nielsen
    Keymaster

    Try to use the code below for help:

    .wd-sub-menu li>a .menu-label {
        font-size: 11px;
    }

    Kind Regards

    #667975

    yaojunjie0710
    Participant

    Hello, Luke

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

    Luke Nielsen
    Keymaster

    Hello,

    1. You need to add the gap to the parent Container here – https://prnt.sc/OFd3GGKxez12

    2. For the inner containers, adjust the width – https://prnt.sc/zXeaUzMhAI5u and that space will be gone.

    Kind Regards

    #668169

    yaojunjie0710
    Participant

    Hello, Luke
    How can we find the parent Container?

    #668171

    Luke Nielsen
    Keymaster

    Hello,

    Select the Container that wraps inner containers, here is a screenshot – https://prnt.sc/DRGx9AOjR-jT

    Kind Regards

    #668172

    yaojunjie0710
    Participant

    Hello, Luke
    I meaning that, i can not find the Black Structure block in your attached file !

    #668176

    yaojunjie0710
    Participant

    Hello, Luke
    About the following questions.
    (For the inner containers, adjust the width – https://prnt.sc/zXeaUzMhAI5u and that space will be gone.)
    Now, it is became that, total 3 Rows, and there are total 2 Parts for every Row.
    We want to have this view effect.
    Adjust the width, and there are total 3 Rows. But, we just want to have the 2 Rows, and there are total 3 Parts for every Row. we do not want to have 3 Rows. (3×2). we want to have the View Effect: 2 Rows x3. (2Row x3 Parts).

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

    Luke Nielsen
    Keymaster

    The thing is the same, adjust the width to make 3 columns and 2 rows – https://prnt.sc/mWAf3L25K9en

    Kind Regards

    #668191

    yaojunjie0710
    Participant

    Hello, Luke
    I meaning that,How can i find the Black Structure Block that with many containers ?
    And then, i can set the gaps easily.

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

    Luke Nielsen
    Keymaster

    You can enable it here – https://prnt.sc/fUJhQ4UbFeOD

    Kind Regards

    #668204

    yaojunjie0710
    Participant

    Hello, Luke
    Thanks for your kind help.

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

    Luke Nielsen
    Keymaster

    Edit the Footer Menu HTML Block – https://prnt.sc/0CCz9A_moN8r and change the menu color – https://prnt.sc/qcko683vVDlP

    Let me know the result.

    Kind Regards

    #668238

    yaojunjie0710
    Participant

    Hello, Luke

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

    Luke Nielsen
    Keymaster

    This custom caused the issue – https://prnt.sc/SBqAmXxCIsQh

    Check how it works now.

    Kind Regards

    #668253

    yaojunjie0710
    Participant

    Hello, Luke
    Thanks for your kind supportant

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

    Luke Nielsen
    Keymaster

    Hello,

    1. That part of the menu is defined via HTML Block, so you need to edit it and change the text color – https://prnt.sc/78NT7LsAP-FR

    2. That option works if the Footer is built via Widgets. In your case, you have built it via HTML Block.

    https://xtemos.com/docs-topic/set-up-footer/

    https://prnt.sc/hoRecUClM04y

    Kind Regards

    #668416

    yaojunjie0710
    Participant

    Hi, Luke

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

The topic ‘Main Menu – Background color’ is closed to new replies.