Home › Forums › WoodMart support forum › image menu html block
image menu html block
- This topic has 9 replies, 2 voices, and was last updated 4 years, 7 months ago by
Elise Noromit.
-
AuthorPosts
-
July 24, 2020 at 3:20 pm #213949
IbrahimYParticipantHi guys,
How can I get the image in the menu in the corner please see printscreen.
https://snipboard.io/ugtjFT.jpgWich values to use what you have in your demo to put the image in the corner of the menu.
Where to changes the values.
regards,
Ibrahim
July 24, 2020 at 5:35 pm #214007
Elise NoromitMemberHello,
If you have uploaded demo content, you have already this template in Dashboard > HTML block > Menu Category 6. You just need to enter the row and replace the background image for yours.
Let me know if you need further help.
Best Regards
July 28, 2020 at 3:00 pm #214907
IbrahimYParticipantHi there,
But this is the reason I write there are no deafault values and also no default image.
All the other Dashboard > HTML block > Menu Categories have but this one not.Can you send me a printscreen or default values of this menu-6 .
thanks in advance
July 28, 2020 at 9:07 pm #214939
Elise NoromitMemberHello,
Please create a new HTML block, switch to the text mode of the WordPress, and insert this code:
[vc_row css=".vc_custom_1491638812229{margin-bottom: 0px !important;}"][vc_column width="1/3" css=".vc_custom_1491490244579{padding-top: 0px !important;}"][extra_menu title="SOFAS AND ARMCHAIRS" link="url:%23|||"][extra_menu_list title="Footstools" link="url:%23|||"][extra_menu_list title="Day Beds" link="url:%23|||"][extra_menu_list title="Lounge Chairs" link="url:%23|||"][extra_menu_list title="Small Sofas" link="url:%23|||"][extra_menu_list title="Easy chairs" link="url:%23|||"][/extra_menu][extra_menu title="CHESTS OF DRAWERS" link="url:%23|||"][extra_menu_list title="Bookcases" link="url:%23|||"][extra_menu_list title="Storage Walls" link="url:%23|||"][extra_menu_list title="Sideboards" link="url:%23|||"][extra_menu_list title="Display Cabinets" link="url:%23|||"][extra_menu_list title="Hallway Units" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/3" css=".vc_custom_1491490248048{padding-top: 0px !important;}"][extra_menu title="TABLES AND CHAIRS" link="url:%23|||"][extra_menu_list title="Coffee Tables" link="url:%23|||"][extra_menu_list title="Console Tables" link="url:%23|||"][extra_menu_list title="Secretary Desks" link="url:%23|||"][extra_menu_list title="Writing Desks" link="url:%23|||"][extra_menu_list title="Game Tables" link="url:%23|||"][/extra_menu][extra_menu title="KIDS FURNITURE" link="url:%23|||"][extra_menu_list title="Kids Bedroom" link="url:%23|||"][extra_menu_list title="Kids Armchairs" link="url:%23|||"][extra_menu_list title="Kids Bathroom" link="url:%23|||"][extra_menu_list title="Kids Lighting" link="url:%23|||"][extra_menu_list title="Kids Textiles" link="url:%23|||"][/extra_menu][/vc_column][vc_column width="1/3" css=".vc_custom_1491490251473{padding-top: 0px !important;}"][extra_menu title="STORAGE SYSTEMS" link="url:%23|||"][extra_menu_list title="Storage Chests" link="url:%23|||"][extra_menu_list title="Hallway Units" link="url:%23|||"][extra_menu_list title="Shoe Cabinets" link="url:%23|||"][extra_menu_list title="Screens" link="url:%23|||"][extra_menu_list title="Trolleys" link="url:%23|||"][/extra_menu][/vc_column][/vc_row]
Then switch to the backand and replace your content and add image to the background.
Best Regards
July 28, 2020 at 10:54 pm #214965
IbrahimYParticipantHi there,
Thanks for sharing vc composer shotcodes however these I already have. I am asking about the setting.
In your post there are the images missing and the css setting/values.
I added the same image as you have in your demo and made it bold for you so you can see below.
[vc_row css=”.vc_custom_1595976532921 {margin-bottom: 0px !important;background-image: url(https://lampenmeubels.nl/wp-content/uploads/2020/07/cat-menu-bg-11.jpg?id=3079) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” mobile_bg_img_hidden=”no” tablet_bg_img_hidden=”no” woodmart_parallax=”0″ woodmart_gradient_switch=”no” row_reverse_mobile=”0″ row_reverse_tablet=”0″ woodmart_disable_overflow=”0″][vc_column width=”1/3″ css=”.vc_custom_1491490244579{padding-top: 0px !important;}”][extra_menu title=”SOFAS AND ARMCHAIRS” link=”url:%23|||”][extra_menu_list title=”Footstools” link=”url:%23|||”][extra_menu_list title=”Day Beds” link=”url:%23|||”][extra_menu_list title=”Lounge Chairs” link=”url:%23|||”][extra_menu_list title=”Small Sofas” link=”url:%23|||”][extra_menu_list title=”Easy chairs” link=”url:%23|||”][/extra_menu][extra_menu title=”CHESTS OF DRAWERS” link=”url:%23|||”][extra_menu_list title=”Bookcases” link=”url:%23|||”][extra_menu_list title=”Storage Walls” link=”url:%23|||”][extra_menu_list title=”Sideboards” link=”url:%23|||”][extra_menu_list title=”Display Cabinets” link=”url:%23|||”][extra_menu_list title=”Hallway Units” link=”url:%23|||”][/extra_menu][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1491490248048{padding-top: 0px !important;}”][extra_menu title=”TABLES AND CHAIRS” link=”url:%23|||”][extra_menu_list title=”Coffee Tables” link=”url:%23|||”][extra_menu_list title=”Console Tables” link=”url:%23|||”][extra_menu_list title=”Secretary Desks” link=”url:%23|||”][extra_menu_list title=”Writing Desks” link=”url:%23|||”][extra_menu_list title=”Game Tables” link=”url:%23|||”][/extra_menu][extra_menu title=”KIDS FURNITURE” link=”url:%23|||”][extra_menu_list title=”Kids Bedroom” link=”url:%23|||”][extra_menu_list title=”Kids Armchairs” link=”url:%23|||”][extra_menu_list title=”Kids Bathroom” link=”url:%23|||”][extra_menu_list title=”Kids Lighting” link=”url:%23|||”][extra_menu_list title=”Kids Textiles” link=”url:%23|||”][/extra_menu][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1491490251473{padding-top: 0px !important;}”][extra_menu title=”STORAGE SYSTEMS” link=”url:%23|||”][extra_menu_list title=”Storage Chests” link=”url:%23|||”][extra_menu_list title=”Hallway Units” link=”url:%23|||”][extra_menu_list title=”Shoe Cabinets” link=”url:%23|||”][extra_menu_list title=”Screens” link=”url:%23|||”][extra_menu_list title=”Trolleys” link=”url:%23|||”][/extra_menu][/vc_column][/vc_row]
July 29, 2020 at 11:18 am #215082
Elise NoromitMemberHello,
You need to apply this code and upload image in the menu item as shown: https://prnt.sc/tqhhu3
Best Regards
July 29, 2020 at 3:37 pm #215167
IbrahimYParticipantThanks for your last post, that helped. fixed the problem
further about menu problems 1 thing left.
In this printscreen you can see flag images I have created https://snipboard.io/gNTcW8.jpg
This is created with a pugin called menu images. However this deletes the option you have send https://prnt.sc/tqhhu3.
Is there a way to create this without any plugin. I am not using wpml plugin not necessary.
Thanks in advance.
regards,
July 29, 2020 at 4:36 pm #215188
Elise NoromitMemberHello,
Your purpose is not clear enough. You want to have different flags and assign links to them, don’t you? If it is not what you want please provide more details.
Best Regards
July 29, 2020 at 5:17 pm #215199
IbrahimYParticipantYeah exactly, the idea is simple. Menu with flags left to them.
Example: flag (left) country (linked)
🇧🇪 Belgium
🇫🇷 France
🇩🇪 GermanyRegards,
July 29, 2020 at 9:40 pm #215238
Elise NoromitMemberHello,
If you want just a flag to be linked, you will have to use the Simple image element. If you want flag + country, you can consider the Information box element.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register