Home › Forums › WoodMart support forum › Editing Search Box

Editing Search Box

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 25, 2022 at 1:46 am #378530

    tekeci
    Participant

    Hello. I saw search box in your another theme. How can I edit my search box like that?

    Attachments:
    You must be logged in to view attached files.
    May 25, 2022 at 2:02 pm #378706

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please provide the URL of the website to check it myself and help you out accordingly.

    Best Regards

    May 25, 2022 at 2:25 pm #378713

    tekeci
    Participant

    Hello again. Thanks for your interest. I added my informations above.

    May 25, 2022 at 4:10 pm #378760

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .wd-search-cat>a {
    border: none;
	padding-right: 0;
}

.wd-search-cat.wd-scroll:before {
    content: "";
    height: 18px;
    border-left: 1px solid;
    border-color: rgba(119,119,119,.2);
}

.searchform .searchsubmit {
    left: 2px;
    right: 0;
}
.searchform.wd-with-cat input[type="text"]::placeholder {
    padding-left: 40px;
}

.wd-search-cat {
    right: 20px;
}

    Best Regards

    May 25, 2022 at 4:15 pm #378762

    tekeci
    Participant

    1) There is a problem as in the screenshot.
    2) Can I make the width of the search box smaller as in the example?
    3) How can I “Select Category” text Capitalize?

    Attachments:
    You must be logged in to view attached files.
    May 25, 2022 at 5:48 pm #378806

    tekeci
    Participant

    And can you tell me, how can I edit menu in header? I want to add this code:

    .menu
    text-transform: capitalize;
    font-weight: normal;
    font-color: #777777;

    .menu :hover
    font-weight: bold;
    font-color: #242424;

    Thank you for helping. 🙂

    May 26, 2022 at 11:22 am #378961

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .searchform.wd-with-cat input[type=”text”] {
    padding-left: 55px;
    }

    2) Please try adding an empty space element in the header builder with the search to reduce its width.

    3) Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

    .wd-search-cat>a>span {
    text-transform: capitalize;
    }

    4) Please try adding the following Custom CSS for that.

    .wd-nav[class*=”wd-style-“]>li>a {
    text-transform: capitalize;
    font-weight: normal;
    color: #777777;
    }

    .wd-nav[class*=”wd-style-“]>li>a:hover {
    font-weight: bold;
    color: #242424;
    }

    Note: Please create separate topics for your issues each time to avoid any confusions.

    Best Regards

    May 27, 2022 at 11:35 am #379292

    tekeci
    Participant

    1,2,3,4 ) All these codes didn’t change anything. Why could it be?

    May 27, 2022 at 3:04 pm #379373

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The CSS should work. It seems that there are Syntax Errors in the CSS you added before.

    Please make sure that there are no Syntax Errors in the CSS you added before then check back.

    Best Regards

    May 27, 2022 at 3:16 pm #379377

    tekeci
    Participant

    Hello,

    I just copy&paste what you write. You can check.

    May 27, 2022 at 3:54 pm #379399

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your issue has been Resolved. All the CSS provided is working now.

    Best Regards

    May 29, 2022 at 2:20 pm #379628

    tekeci
    Participant

    Hello again. It looks as in screenshot sometimes. I don’t know why.. Can you solve that?

    Attachments:
    You must be logged in to view attached files.
    May 30, 2022 at 12:14 pm #379857

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The issue seems to be due to cache. Please check after deactivating the caching.

    Best Regards

    May 30, 2022 at 1:45 pm #379883

    tekeci
    Participant

    I don’t use any cache system. When I enter the website on another pc. (first) It looks like that.

    May 30, 2022 at 3:57 pm #379929

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are using CDN. Please disable server caching, clear browser cache and check back.

    Screenshot: https://gyazo.com/1fe81554358885b3951e14c767667160

    Best Regards

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)