How can I hide elements using CSS?

  • effietr
    Asked on February 1, 2018 at 6:24 AM

    Could you share another css codes to hide other elements.

    For example i don't need elements after then unorderest list item. 

  • Support_Management Jotform Support
    Replied on February 1, 2018 at 6:27 AM

    Can you tell us the name of the field you wish to hide? If possible, share a screenshot of the section of the form that you want to be hidden using CSS so we can provide you the codes you need.

    Related guide: How-to-Post-Screenshots-to-Our-Support-Forum

  • effietr
    Replied on February 5, 2018 at 5:24 AM

    Hi, 

    I need text box with some rich text features, little bit smart than plain text option.

    I want to keep bold/italic text styling and, some paragraph styling and pasting rich content from any source. 

    I removed "font options" with this code in my form: 80175247848970

    .nicEdit-selectContain{

        display : none;

    }

    Now, how i could hide elements after then unorderest list item.

    (seen up side of "çnbbnm hj" chars in the dummy text below)

    1517825632Ekran Alıntısı Screenshot 10

    Thanks

  • Victoria_K
    Replied on February 5, 2018 at 7:18 AM

    Looking for a workaround. I'll keep you posted.

  • Victoria_K
    Replied on February 5, 2018 at 7:37 AM

    I've used somewhat different approach (to hide the panel and then to display only elements you need).

     1517834063Screenshot 30 Screenshot 10

     Please replace your code:

    .nicEdit-selectContain{

        display : none;

     

    }

     with: 

    div.nicEdit-panel > div {

      display: none;

    }

    div.nicEdit-panel > div:nth-child(2) {

      display: block !important;

    }

    div.nicEdit-panel > div:nth-child(3) {

      display: block !important;

    }

    div.nicEdit-panel > div:nth-child(4) {

      display: block !important;

    }

    div.nicEdit-panel > div:nth-child(5) {

      display: block !important;

    }

    div.nicEdit-panel > div:nth-child(6) {

      display: block !important;

    }

    div.nicEdit-panel > div:nth-child(7) {

      display: block !important;

    }

    div.nicEdit-panel > div:nth-child(8) {

      display: block !important;

    }

     

    Hope this helps! 

    How-to-Inject-Custom-CSS-Codes

     

    Let us know if you need more help.