Skip to main content

Problem with CSS/HTML in Prod Environment

  • 19 June 2024
  • 4 replies
  • 91 views

Hi,

I am aware that Docebo doesn’t assist with HTML/CSS code BUT I have an interesting scenario. CSS code works well in sandbox and viewed as test user. In production it works in Composer/Desktop Preview BUT when I log in as test user, it doesn’t work. Can someone give me a hint on what am I missing?

This is CSS code - second button follows the same logic:

This is HTML code it refers to:

<div id="tfs-banner" class="tfs-banner" style="height:180px;background-image:url("https://cdn5.dcbstatic.com/files/e/c/academy_docebosaas_com/userfiles/816732/black.png&quot;);background-position:left;background-repeat:no-repeat;padding:30px;color:#ffffff;"> <img src="https://cdn5.dcbstatic.com/files/e/c/ecovadis_docebosaas_com/userfiles/816732/baner.png" alt="" width="720" height="142" /></div>
<p><a class="btn_first" href="https://academy.tfs-initiative.com/learn/signin" target="_blank" rel="noreferrer noopener">TFS ACADEMY FOR MEMBERS</a> <a class="btn_second" href="http://supplieracademy.tfs-initiative.com/learn" target="_blank" rel="noreferrer noopener">TFS ACADEMY FOR SUPPLIERS</a></p>

And this is the view from sandbox and composer:
 

And this is what I see impersonating as test user in production:

What am I missing?

Thank you,

Marta

4 replies

N
Rank
Userlevel 6
Badge +2

@mslezak where are you adding the CSS? is it in the custom styles area within the configure branding and look menu? I know that if you try to add your css in the widget itself inside <style> tags, it will get removed. Some inline styles are removed as well. You’ll usually have the most luck in the custom styles area (7.0 theme section).

 

If it’s working in sandbox but not production though, I’d recommend removing all the other CSS in prod or at least moving the CSS to the top. Sometimes syntax errors above cause issues downstream.

M
Rank

Hi @nick.tosto ,

Thank you so much for taking a look. Yes I’ve been putting the code in 7.0 section. I will try to put those pieces of the code to the top. Hopefully it’ll do the job 😉

erin.brisson
Rank
Userlevel 7
Badge +1

@mslezak can I assume no news is good news and that Nick’s recommendation helped?

Erin
M
Rank

Hi @erin.brisson  apologies I couldn't get to it. Yes it looks like moving the piece of the code up did the trick/ Thank you @nick.tosto for your help!

Reply


Terms & ConditionsCookie settings