CSS required to hide column name

CSS required to hide column name

FireNet999FireNet999 Posts: 13Questions: 4Answers: 0

I am building up a custom template for the create record form and need to hide the name of the column.
The template is:

<fieldset class="hr">
<legend>Members Biography</legend>
<editor-field name="live.bio"></editor-field>
</fieldset>

The result looks like the image below

My wish is to have the tiny editor occupy the entire width of the template
I have been using different permutations of the following

div.DTE_Field_live-bio {
    display: none !important;
}

I am sure it is a simple bit of CSS, but it is escaping me at the moment, and any pointers would be greatly appreciated.

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 64,552Questions: 1Answers: 10,672 Site admin
    Answer ✓

    Hi,

    Have a look at this example to see how to have the field input take the whole area (full block will likely be what you want). It won't hide the label - this will though:

    div.DTE_Field_Name_{fieldName} label {
      display: none;
    }
    

    Allan

  • FireNet999FireNet999 Posts: 13Questions: 4Answers: 0

    Many thanks Allan
    Working a treat
    Regards
    Colin

Sign In or Register to comment.