question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Attaching Custom CSS

See original GitHub issue

I’ve been looking for way to:

  1. write my study notes in markdown in .md format (ST3 Markdown Editing)
  2. have it autocompile down to HTML on save (Prepros under windows)
  3. pick up on an external stylesheet of mine (??)
  4. refresh automatically in the browser (Live Reload)

So far I have 1, 2 and 4 wired. They all work great.

However #3 is problematic because markdown doesn’t like <head> and <body> tags and etc. I’ve managed to put a link rel at the top of the document but this is ugly and has obvious limitations.

Does your plugin support this somehow and if not, isn’t this something that a lot of people want? This process. Its kind of the obvious thing … write your notes and documentation in real time, in the browser styled exactly how you want it …

edit: if the answer is 'yes, just modify this file here, then awesome.

Is there anything more that can be done? :’

Issue Analytics

  • State:open
  • Created 10 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
ronjouchcommented, Feb 28, 2015

Having to create template+style files works, but feels a bit heavy for users like me who are satisfied with the default github template, but just want to fiddle with a few style settings.

It would be great if OmniMarkupPreview supported configuring an overlay/override. For example I’d just add an entry to my user package settings, and would be done without touching the package files:

{
  "some_key": "some config",
  "custom_style": "body {min-width: none; width: 90%; margin-left: auto; margin-right: auto;}"
}
0reactions
pbrentlingercommented, Dec 7, 2017

I’ve tried all of the above and some extra things to boot, but omni still will not pickup my stylesheet… thoughts? @timonwong I’m using ASCIIDOC if that matters.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Create, edit, and attach CSS files to style your site
Create a new CSS file. In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools. Click the folder icon...
Read more >
How to add CSS - W3Schools
Three Ways to Insert CSS. There are three ways of inserting a style sheet: External CSS; Internal CSS; Inline CSS. External CSS. With...
Read more >
How to Easily Add Custom CSS to Your WordPress Site
Another way you can add custom CSS in WordPress is by using the Full Site Editor (FSE). With FSE, you can edit the...
Read more >
Inserting a Custom CSS Stylesheet - DirectScale Developers
In the JavaScript Insertions page, click + ADD INSERTION. Select Custom Script from the Insertion Type menu. Enter a sort Name. In the...
Read more >
Attaching CSS to your document
The best method for attaching your CSS style sheets is to use external styles. With this method, you will write all your CSS...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found