Home Forums WoodMart support forum Editing Search Box

Editing Search Box

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #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.
    #378706

    Hello,

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

    Best Regards

    #378713

    tekeci
    Participant

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

    #378760

    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

    #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.
    #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. 🙂

    #378961

    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

    #379292

    tekeci
    Participant

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

    #379373

    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

    #379377

    tekeci
    Participant

    Hello,

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

    #379399

    Hello,

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

    Best Regards

    #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.
    #379857

    Hello,

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

    Best Regards

    #379883

    tekeci
    Participant

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

    #379929

    Hello,

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

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

    Best Regards

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