Where can I style a "Text Box" item added from the RoboHelp 2020 menu bar?

[gb92818477]

With RH 2020, the menu bar of a topic shows another item to add: "Text Box".

By adding it, the code sheet shows this:

<div class="text-box">

  <p> containing the text in the box </p>

</div>

That's a nice feature. The square box contains my text, shows a solid 2 px border, and obviously is set up for the following content (headlines, paragraphs) to flow around it. 

But I couldn't find a way to style that box, e.g. the height/width, margins or border width or colors. Seems that this div class is a RoboHelp thing (like the drop-down text box which is made of a <div class="droptext">) to be controlled by JavaScript.

But sure there must be some handles to style it?!

[Amebr]

I'm not sure why you're trying to next a div inside a p? Normally when you style text inside a paragraph you use a span.

[gb92818477]

Now that we got all the handles to style the Text Box ourselves the only question that's left from @AthensSlim is how we could get those styles show up in the RoboHelp editor view.

What about that, @Stefan Gentz: Should we open a bug at tracker.adobe.com?

[Stefan Gentz]

Yes, makes sense to me.

[gb92818477]

Done: RH-9217 | Tracker (adobe.com)

[Stefan Gentz]

By the way, you do not need to wait for Adobe to change this.

In fact, you can simply customize how a text box looks like yourself by adding the corresponding definition in your CSS. Just "unset" the default definition defined by RoboHelp for the editor and preview and then add your own div.text-box {} with your own definitions:

body.cke_editable .text-box,
.previewbody .text-box {
  float: unset;
  background-color: unset;
  width: unset;
  height: unset;
  border: unset;
  padding: unset;
}
div.text-box {
  /* define what ever you want */
}

Cheers!