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
- This topic has 10 replies, 2 voices, and was last updated 1 year, 11 months ago by Luke Nielsen.
-
AuthorPosts
-
January 6, 2023 at 10:18 am #433502
mecolourParticipantHi,
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!January 6, 2023 at 10:41 am #433509
mecolourParticipant2. 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 youJanuary 6, 2023 at 11:59 am #433536
Luke NielsenKeymasterHello,
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
January 6, 2023 at 12:34 pm #433544
mecolourParticipantI 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 youJanuary 6, 2023 at 12:38 pm #433546
Luke NielsenKeymasterHello,
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
January 6, 2023 at 12:48 pm #433550
mecolourParticipantSorry, 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!January 6, 2023 at 3:29 pm #433593
Luke NielsenKeymasterHello,
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
January 7, 2023 at 12:07 pm #433734
mecolourParticipantIf 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 regardsJanuary 9, 2023 at 1:20 pm #433956
Luke NielsenKeymasterHello,
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
January 9, 2023 at 1:32 pm #433960
mecolourParticipantIt’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 youJanuary 10, 2023 at 6:16 pm #434339
Luke NielsenKeymasterHello,
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.
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
-
AuthorPosts
Tagged: the button color
- You must be logged in to create new topics. Login / Register