Hey Zendesk Community!
I am trying to setup Bootstrap and running into a snag.
As soon as I add the code to the Doc Head, the style in my Help Center changes. For example, I get larger sizes throughout my pages. Hyperlinks change their coloring (or revert back to their default, to be more specific).
Is there a way to stop that?
Update: Also I have an element present on every screen, that allows a user to click and scroll back to the top of the page. This no longer works as of implementing Bootstrap
Bootstrap setup/question
This topic has been closed for replies.
Hi @Scott,
It happens because of order in which files load. In this case, bootstrap.min.css loads after the CSS code of Zendesk editor, hence, it overwrites the default CSS written in your editor.
To make your CSS work (which is written in your Zendesk CSS editor), you have to make it more specific. For example, for CSS of hyperlinks, you have to write it in this way -
body a {color: #333;}instead of -
a {color: #333;}
Cheers,
Team Diziana
This conversation has been closed for comments by the Zendesk Community Team. If you have a related or new question, please create a new post.
Login to the community
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.