When using HTMLbox with a custom theme where the background color is dark, the text box area is also dark and since the text editor letters are always black this creates a visibility problem. Where would I find the code in HTMLBox that sets the color for the text background so I can set it to #FFFFFF the way the normal non-HTMLBox text boxes are?

Comments

MRivero’s picture

MRivero commented
Status: Active » Closed (fixed)
Poetro’s picture

Poetro commented

I'll add custom CSS inclusion into the HTMLBox area at some point.
Meanwhile you can find the specific part on line 52 of htmlbox.js, where the whole HTML is set... add your CSS into the <head> section of that empty HTML.

Avalanche’s picture

Avalanche commented

I'd like to see the inclusion of CSS because right now, my editing box is blending in with my background.

radyaweb’s picture

radyaweb commented

Try this,

- Open file : htmlbox.css in the htmlbox module folder
- In line 1, you will see this tag:

div.htmlbox {
border: 2px solid #E9EAEF;
position: relative;
padding-top: 30px;
background-color:#FFFFFF !important;
}

Add the bolder text to your file and save.
Try clearing your browser cache first, and refresh the page which using htmlbox.