Home › Forums › WoodMart support forum › Want some modification but cant. Help me how to modify.

Want some modification but cant. Help me how to modify.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 11, 2020 at 11:03 am #249941

    noorealam96
    Participant

    1. I want to rearrange/alter the position of “search for product” and “select category”. Just alter. Want select category block first then search for product then search icon. Also change the color of select category block. Only select category block color. All other Colors remain same. ( Screenshot added for reference)

    2. I also need another solution. I added category “browse category” in header section through header builder. But there only shows few category.(Shows only-11 category listed on my 19 Inch display). Rest of the category remain hidden under screen. I cant see all of them. I have long category list. I want to see all the category there. And also want reduce the upper and lower gap so that all the category listed looks closer. (screenshot added)

    Attachments:
    You must be logged in to view attached files.
    December 11, 2020 at 5:31 pm #250110

    Elise Noromit
    Member

    Hello,

    Thank you for choosing our theme and for contacting our support.

    1. Unfortunately, it is not possible to exchange the place in the search. You can disable the select category from the search, considering that you have a category list in the Browse category.

    You can change the color of the Browse category in the Header builder, enter the Product category element and change the color.

    Please navigate to Woodmart > Header builder http://prntscr.com/iyd2pe

    Choose the proper header type (your current) http://prntscr.com/iyd333

    Modify elements as per your needs: http://prntscr.com/iyd3h3

    Please add this code to the Theme Settings > Custom CSS > Global to reduce the space in the Browse category menu: 

    body .woodmart-cart-design-2 .wishlist-count {
    background: #178faf;
}

    Browse category shows the menu created in the Appearance > Menu. Please select the menu and add all the categories.

    Best Regards

    December 11, 2020 at 8:29 pm #250153

    noorealam96
    Participant

    1. First of all your custom css code not working. It doesn’t effect in “browse category” drop down row height.(See screenshot-1). Want this gape smaller. so that all the element looks closer.

    2. I already added all the category item to my category menu. I have 24 main category menu item. But in “browse category” i can view only 11 item. Rest of the menu item hide under the screen. Which I cant see. I try to scroll down but the are not appearing.(See screenshot-2).

    3. Want to change the color of “select category” area background in search. (See screenshoot-3.)

    See Screenshot I shared. I think Now you understand my problem. Please help me.

    Attachments:
    You must be logged in to view attached files.
    December 12, 2020 at 9:30 am #250269

    Elise Noromit
    Member

    Hello,

    Sorry, I have copied the worng CSS, here is the proper one: 

    body .vertical-navigation .item-level-0>a {
    padding: 8px 18px;
    line-height: 20px;
}

    Change the values as per your needs.

    Please enter the Categories element in the Header builder and disable the limit: https://prnt.sc/w12a1n

    Please add this custom to change the Select categories background: 

    body .search-by-category .input-dropdown-inner {
background-color:red;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)