How do you put CSS in your website?

  • 1
  • Question
  • Updated 4 years ago
  • Answered
I would like to put some CSS on my website with HTML. Im doing a project about a BsoD, and I dont know where to put the CSS. I have the HTML in there already.
Photo of ∆|    Joel V    |∆

∆| Joel V |∆

  • 1 Post
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Kershnee


  • 2087 Posts
  • 152 Reply Likes
Hi Joel V,

CSS files are uploaded to the "Resource" folder of your site. However, your custom styles are not auto-loaded for you. You will need to add them with the HTML widget.


<link href="resources/your-custom-style.css" rel="stylesheet" type="text/css" media="screen" />

You add your files manually with the HTML editor. The advantage is that you can use the same stylesheet across multiple pages - edit the one file, and your changes reflect on all the pages. As such your files will be included after the default template files and will over-ride the default.

Please note that this is an option for advanced users and we will not be able to assist you if your CSS edits break your site. If you unsure of how to proceed, we recommend that you try this on a blank test site first before attempting it on a website which contains your valuable content.
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Some features are not available using an external style sheet, as described above. A small example: you can't change the color of H1 elements (you can do it with inline CSS though). The recently introduced Style Designer gives access to the previously unusable features. Try it, you'll like it.