Home Forums WoodMart support forum change the colour of the button in the contact page

change the colour of the button in the contact page

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #433502

    mecolour
    Participant

    Hi,
    Could help me change the color of the button in the contact page(rgb : 244 165 28), And then make the button displayed in the center of the form.
    https://paste.pics/9cdc32dc8050f40bc5322ef809ba377c
    Thank you
    Best wishes!

    #433509

    mecolour
    Participant

    2. This sub-category should be under the “compania”, But there is a problem with the displayed position, please help me adjust it and make it under the “compania”.
    https://paste.pics/ca3742db7d9cd3a49595c868fec60cdf
    Thank you

    #433536

    Luke Nielsen
    Keymaster

    Hello,

    1. Here is a code for the contact form button, paste it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

    .wpcf7-form:last-child {
        text-align: center;
    }
    
    .wpcf7-form .wpcf7-submit{
        background-color: rgb(244 165 28);
    }

    2. Try to move that menu item to the center of the menu.

    Kind Regards

    #433544

    mecolour
    Participant

    I have adjusted this area, but it doesn’t work, I don’t know where to move the menu item at somewhere else,so could you help me check it?
    https://paste.pics/e3d9db4cf88a399cb1bf74ada087dcec
    Thank you

    #433546

    Luke Nielsen
    Keymaster

    Hello,

    I moved the menu item (via Appearance -> Menus) to the center and now it works as you want.

    https://monosnap.com/file/Hwof80KUntMiPmZIdv0x0RzYHjKgFe

    In the meantime, feel free to ask me any questions you may have.

    Kind Regards

    #433550

    mecolour
    Participant

    Sorry, that’s not what I mean, I want the two sub-category(SOBRE MECOLOUR and blog) to be directly below the main menu,not in the center position. the two category should be moved to the right positon, make them below the main “company”menu,Because they are currently positioned to the left.
    Please help me check again, thank you!

    #433593

    Luke Nielsen
    Keymaster

    Hello,

    The menu dropdown is positioned to the left because this item goes beyond the container. You can disable the “Display inline” option and it will work well even if the menu item is at the end.

    https://monosnap.com/file/RGXWzIDAfSqIGJDVbeY7cR5Pyi4hnI

    Kind Regards

    #433734

    mecolour
    Participant

    If I disable the “Display inline” option, the main menu will be displayed in two lines,like this
    https://paste.pics/a7eef84e83ab7c12dbbfd9b329462804
    so is there other method to adjust it?
    Best regards

    #433956

    Luke Nielsen
    Keymaster

    Hello,

    In general, you can reorganize your menu items. I see that you did it and now it looks as you wanted.

    https://monosnap.com/file/cXzinAf7dfMRhoH2c97Nn7km7CCzH6

    Let me know if you have any questions, I’d be happy to answer them.

    Kind Regards

    #433960

    mecolour
    Participant

    It’s very strange, why I opened it in a different position from your screenshot?
    https://paste.pics/aa1f3ae5374b227a1f107fef8c9d9125
    Could you please help me take a look again?
    Thank you

    #434339

    Luke Nielsen
    Keymaster

    Hello,

    At the moment, such behavior that has the “Display inline” option in the Header builder is a bug, it should not put menu items behind the container (https://monosnap.com/file/tpNhA3PTBFIsPS3LutYVGRqoXDaS72), so in the future updates it will be fixed. Also, when you use this option in such a way, the menu is not fully appeared on Macbook devices, thus the menu doesn’t look good: https://prnt.sc/28TpaCpglNTu , in such cases, our script moves the dropdown to the left so that it is always visible.

    I suggest you do these things to fix that now:

    1. Reorganize your menu. For instance, do not put all menu items in one menu and do not use long names, you can use the “Browse Categories” menu for showing some menu items (https://prnt.sc/xkCDPard0jct), or the “Mega menu” functionality (https://monosnap.com/file/4gO78uohJuivtIeG3Xm2cHhZldqKuI).

    https://xtemos.com/docs-topic/create-mega-menu/

    2. Use the below custom code in Theme Settings -> Custom CSS -> paste it into the “Global Custom CSS” area.

    .wd-header-nav.wd-inline {
    	max-width: 100%;
    }

    3. Disable the “Display inline” option in the Header builder -> Main menu.

    https://prnt.sc/7COEAW3ojqhV

    Kindly accept our sincere apologies for the inconvenience caused to you and don’t hesitate to reach out if you have any additional questions.

    Kind Regards

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