Okay
  Public Ticket #2890804
Change the search field CSS
Closed

Comments

  • Warzone_Loadout started the conversation

    Hello, 

    I would like to customize the search field for the weapon collumn on the main table on the page: 

    https://warzoneloadout.games/

    Currrently it's grey and not really good with the overall rest of the website UI. 

    7590502122.png

    Do you know how i could add CSS to this Search component and customize Colors, Font, etc.? Mabye even the text label but not a priority. 

    Sincerely, 

    Alex


  • [deleted] replied

    Hi Alex

    Thank you for reaching out to us.

    All available modifications you can find in the customize tab of the table but if what you are trying to acieve is not possible with the builtin features you will have to modify it with CSS.

    I'm afraid writing custom CSS is not included in the provided support but I can explain how to find and copy the selectors you need to use to hide something.

    Right-click on the part you wish to modify and inspect the element:

    1262040153.png

    Then, when you hover over the code, that section will be highlighted in the modal. Right-click on the code that highlights the entire div, and go to copy/copy selector:

    4176821730.png

    Paste that selector, and add "display: none !important;", like this for example if you want to hide something, different code would be applied if you want to change the color of course

    #tab-extras {
    display: none !important;
    }
    

    So, now Extras field is hidden:

    9020166499.png

    Certain selectors can't be combined, so if it doesn't work when you separate them with a coma, simply add another selector below }

    If this doesn't help either, we can recommend these services for customization

    https://codeable.io/?ref=l1TW1

    https://wpkraken.io/?tms-plugins