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...


#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.

Reply to this topic