Changing color, it breaks the page’s format

[rfjardim]

Hi, I wish I could send images here to show you rather than explaining what happened. FLOW 1 - I opened one course template (UI/UX Basics and differences) 2 - I edited just two things in the code, right on the first line (<div class="vibe_editor_note" style="padding: 30px; background: #b474a4; color: #eeeeee;">): DEFAULT: <div class="vibe_editor_note" style="padding: 30px; background: #fffcd1; color: #454545;"> 3 - That's all I did 4 - On editing page, everything seems fine. The colour is changed and all the rest looks as it is by default 5 - Once I click on Preview, the result page is totally different: the bullets are gone, and the H2 title is green ISSUES 1 - Why the page looks one thing when editing, and on preview it looks different? 2 - Why only two things are different: H2 green and bullets gone? The rest is OK, considering there are two more H2s (Course Requirements, Course Description) Thank you for the support. 2 -

[Diana]

Please upload the images somehwre online and do share the link Another option is to use Online Tools - For screenshots --> Use Lightshot - FOr screen recordings ---> Screen cast O matic

[rfjardim]

Sorry for taking long to follow up ... I was off .. here are the screeshots ... as you can, on the editor's page it not only shows as white, but the code is clearly white #ffffff However, on the page itself, it defaults to green https://i.postimg.cc/kg73gnkv/Screenshot-from-2021-05-28-13-14-46.png https://i.postimg.cc/R00kwgC3/Screenshot-from-2021-05-28-13-14-52.png https://i.postimg.cc/qvQftPrV/Screenshot-from-2021-05-28-13-14-58.png How can I fix that? Thank you

[Ada]

Hi, As @Diana is not continuing with us so I am checking your issue. It is working fine on my setup . https://drive.google.com/file/d/1QJHQdR5rlPVc6tOQ38eqc62WWTs7JUpP/view Can I check this on your site? Please share your site URL and admin credentials in private reply if you allow.

[rfjardim]

This reply has been marked as private.

[Ada]

Hi, just checked on your site . colors are reflecting on front end correctly when I checked on other texts. https://drive.google.com/file/d/1ySadNhoE2owM8nDeDy3zuZB-L2vwT_ck/view May be you have set the color of first heading from front-end also and then from back-end that is why it is showing a mix color of both.

[rfjardim]

Thank you for the reply. I was suspecting of something and it might be right. The problem persists. Take a look: https://i.postimg.cc/TPftkkvc/Screenshot-from-2021-06-02-07-15-52.png https://i.postimg.cc/vZWPLJkB/Screenshot-from-2021-06-02-07-16-11.png https://i.postimg.cc/d064g8qc/Screenshot-from-2021-06-02-07-16-33.png I recorded a video to show changes in real time ... that's very odd that the problema cannot be replicated at your end ... I was thinking that it might be a conflict somewhere ... but if that is the case, you should be able to replicate there ... https://youtu.be/HCAJELMgFfU I am using Brave browser ... I also tested on Firefox, same result ... https://i.postimg.cc/Qt8BF7Gm/Screenshot-from-2021-06-02-11-02-38.png

[Ada]

Hi, Yes, I again checked this on my setup and found this is an issue. I have created a trello card . You can track updates from here. https://trello.com/c/zRdCnDjO

[rfjardim]

Super! I guess I will find a workaround ... you may close the ticket. Thank you

[Ada]

Thanks for confirming. Closing this topic.

[Author]

Posts