Online Page Editor Add-on Support Product Page
conflict with background color when using bootstrap
Asked 28 Dec 2015 04:18:38
1
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.cbdoyle.com/cbdboot/index.php
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 { background-color:#673191!important; } /* editor */ dmxActivatorDiv { background-color:rgba(255,255,255,1.00)!important; }
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.
Replies
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...
The padding is not completely necessary, but it does give it a bit of a buffer... on other sites, it may not be needed.
#purpleWrap { width:100%; background-color:rgba(103,49,145,1.00); height:105%; padding-bottom:25px; }
The padding is not completely necessary, but it does give it a bit of a buffer... on other sites, it may not be needed.