Online Page Editor Add-on Support Product Page

conflict with background color when using bootstrap

Asked 28 Dec 2015 04:18:38
has this question
28 Dec 2015 04:18:38 Chuck Borrelli posted:
I am migrating this site to bootstrap using your controls, and running into a conflict.

In order to get the body background to be purple, I had to important it...

body {
	background-color: rgba(103,49,144,1.00)!important;

But, when the editor opens it is also a purple background... the first important overrides the designtime.css version...

I tried adding an ID to the bootstrap container, as well as accessing the html editor background directly with :

#cbdContainer {

/* editor */
dmxActivatorDiv {

neither of which worked. I will try another wrapper inside the container in the morning, but i was hoping for a more direct way. All I want is to use bootstrap and your editor...

I am discouraged that the after many many years, the editor background color issue is STILL NOT RESOLVED.


Replied 28 Dec 2015 14:52:54
28 Dec 2015 14:52:54 Chuck Borrelli replied:
A workaround (this is NOT a fix) is to place a div immediately inside the body tag (outside the bootstrap container). I used the following, and it works well...

#purpleWrap {

The padding is not completely necessary, but it does give it a bit of a buffer... on other sites, it may not be needed.

Reply to this topic