The website is: http://www.almeirinense.com
I changed the main container color to white from the black demo, however, when loading the website, for just a second, the main container is still BLACK.
How can I prevent this?
Hi,
That happens because CSS loads in cascade, first the black color will be loaded then then white one. The black demo has custom design to be black, if you want to make modifications to it and remove the black color, you could do it in the demo stylesheet directly instead of overriding it.
This is where the black color is set for the theme elements, if you want remove some of them or make the modifications you want
– https://www.screencast.com/t/e4vafpPBh
Thanks
I have changed it, but it still didn’t go white, maybe need to change something more?
.td-main-content-wrap,
.td-category-grid,
.post,
.td-category-header,
.td-big-grid-post .td-module-thumb, // big grid
.td_module_14 .td-module-meta-holder, // module 14 bg
.td-post-template-4 .td-post-title, // post template 4
.td-post-template-6 .td-post-header-holder, // post template 6
.td-post-template-8-box, // post template 8
.td-smart-list-dropdown-wrap .td-smart-list-dropdown, // smart list 8 dropdown
.td_module_mx3 .td-module-meta-info // block 13 - 1 col
{
background-color: white;
}
Sorry, wrong file in the screenshot, this would be the right file
– https://www.screencast.com/t/d2TK6WJEVemQ
Then all of the containers will be the color you set there, but note that the demo contains other customization, so for example if you would change the color to white some elements will not be visible.
This demo was created to be black, if you require a different design you could consider using a different demo
– https://demo.tagdiv.com/select_demo/select_demo_newspaper
Thank you sir.
It’s fixed.
