• Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
v3.5.2 Latest
Buy Hosting

need help to modify css template codes

Scheduled Pinned Locked Moved Technical Support
9 Posts 3 Posters 878 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D Offline
    D Offline
    double76
    wrote on last edited by
    #1

    Hello, I want to change the size 23 to a bigger number in the following code,
    it shows on page to post new topic, not sure where I could locate the code? thanks.

    <input type="text" placeholder="Enter tags here, between 3 and 24 characters each" class="ui-autocomplete-input" autocomplete="off" tabindex="5" size="23">
    

    attached picture shows the part (highlighted) I am talking about. thanks.

    0_1542505313018_ui-autocomplete block.JPG

    1 Reply Last reply
    0
  • barisB Offline
    barisB Offline
    <baris> NodeBB
    wrote on last edited by
    #2

    You can modify that value at /admin/settings/tags, its the maximum tag length.

    1 Reply Last reply
    0
  • D Offline
    D Offline
    double76
    wrote on last edited by double76
    #3

    @baris Thanks. but you misunderstood my question.

    what I am looking for is to change yellow highlighted part to even wider.
    it has to be done in different way at coding level. Thanks.

    PitaJP 1 Reply Last reply
    0
  • PitaJP Offline
    PitaJP Offline
    PitaJ Global Moderator Plugin & Theme Dev
    replied to double76 on last edited by
    #4

    @double76 I assume you want this so users can click across the full width at the bottom of the screen to enter tags?

    Here's how to accomplish that with CSS:

    .composer .tags-container .bootstrap-tagsinput {
      display: block;
    }
    

    This is a bug in the composer, actually. I'm going to fix it right now.

    D 1 Reply Last reply
    0
  • D Offline
    D Offline
    double76
    replied to PitaJ on last edited by
    #5

    @PitaJ Thanks for working on this. expecting it works soon.

    at my side, I tried putting custom css in ACP, please see the screenshot below,
    after rebuilding and restarting nodebb, still does not work. the class still shows 23, not what I want to show. did I miss anything? thx.

    0_1542510060430_custom css.JPG

    1 Reply Last reply
    0
  • PitaJP Offline
    PitaJP Offline
    PitaJ Global Moderator Plugin & Theme Dev
    wrote on last edited by
    #6

    And you talking about changing the text in yellow, or what? Baris already told you how to change the size attribute.

    D 1 Reply Last reply
    0
  • D Offline
    D Offline
    double76
    replied to PitaJ on last edited by
    #7

    @PitaJ I am not talking about changing the text in yellow, nor the max length of tags. I want to make the class ui-autocomplete-input size wider.
    it is 23, I want to make it 50. that's why I use the following codes in custom css in ACP. but it does not work and want to find out solution. hopefully I made it clear this time. Thanks.

    .ui-autocomplete-input {
               size: 50;
    }
    
    PitaJP 1 Reply Last reply
    0
  • PitaJP Offline
    PitaJP Offline
    PitaJ Global Moderator Plugin & Theme Dev
    replied to double76 on last edited by
    #8

    @double76 changing the maximum tag length sets that attribute.

    D 1 Reply Last reply
    0
  • D Offline
    D Offline
    double76
    replied to PitaJ on last edited by double76
    #9

    @PitaJ Oh, I got it. But I tried and unfortunately it does not change the attribute.

    Plus, I found the value is the length of placeholder 's length. the default English placeholder is "Enter tags here, between 3 and 24 characters each.", that's why it is 50.

    I am using zh-CN, according to translation, it is 23 characters, so value is 23.
    However, one character Chinese is 2 English letter wide, to show the placeholder full, the value need to be 46.

    Can you fix it? thanks.

    1 Reply Last reply
    0

Copyright © 2023 NodeBB | Contributors
  • Login

  • Don't have an account? Register

  • Login or register to search.
Powered by NodeBB Contributors
  • First post
    Last post
0
  • Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development