What I publish is different than what the editor shows

Hey websters!

On my published site.

http://professionalmarine.webflow.com/

The bottom blue bar has been replaced with a sunset image in my editor. When I go to publish the site a blue bar pops up. I thought I had removed that layer already. I can’t seem to find it an the exported css.

If you solve this you are a genius.

Thanks a ton!

Ok when I look at the exported code on my end I can see the #2250aa blue color in a class.

.section.#2250aa {
height: 15.4%;
padding-top: 50px;
padding-bottom: 50px;
background-color: transparent;
background-image: url(‘…/images/sailboat-lake-sunset.jpg’);

etc.

I can also see it when I inspect element through chrome. But I cannot find it in webflow.

I originally built from the Slate template so I am thinking it got buried in there somewhere. Maybe in the class .purple but I made the background color transparent now.

Thanks again!

Hey I’m just going to save myself the trouble and delete the class .purple and start from scratch. Just curious why the background color would not show up in the editor.

Hi @aj1hidalgo seems like you fixed it. The problem may have been with the size of the background image you had. Because it’s so large it may have take a white to load, and so the purple fill color was displaying while it was loading.