Hi, Apologies if this is the wrong section. I am working in a user css style sheet. I was wondering id there is a ‘guide’ or ‘list’ of the css property names? e.g. H1 = # in markdown I have worked out a few of them, some are obvious, some other by looking at others css code examples they have p…

Hi, you can see them all by opening the dev tools in the Help menu. There won’t be a list of CSS classes because they can change from one version to the next. We make no guarantee that they’ll be stable.

It might be practical to establish some convention for naming classes. To give developers maximum freedom, I would suggest that they avoid the prefix user- or (my preference) u-, so that users can define their own classes without the risk of conflicts.

Hi, thanks for that. For me and my current programming skills, that is a bit overkill and difficult for me to find what I am looking for as it appears to give the css for way more than I am looking for. Maybe, you could help me with one class I am trying to work on right now - code highlighting, t…

[image] memophen: It might be practical to establish some convention for naming classes. To give developers maximum freedom, I would suggest that they avoid the prefix user- or (my preference) u- , so that users can define their own classes without the risk of conflicts. Providing explicit su…

If you want to change the way code is displayed in the viewer start with this in your userstyle.css and play with the values or delete the entries you do not want. NOTE that you will have to name a monospace font that is on your system (assuming you want to change the font!) and you must QUIT and re…

Many Thanks for that, I was soooo close with what I had, but 'close' doesn't cut it when programming :slight_smile: For the 'code' section. what are the properties for the box around it? It is not code { border: 2px solid #545454; border-radius: 3px; background-color: #B3B3FF; } These apply…

If you want to change the background of the fenced code blocks try: .hljs { border: 0px none; /* makes sure fenced code blocks do not have a border */ background: #F0F0F0; /* makes the background of fenced code blocks darker than the default */ }

[image] laurent: Providing explicit support for stable classes would make development much harder, even though user styles are probably only used by a tiny fraction of users, so that’s why it won’t be done. I am used to systems where common namespaces are divided into a system part (e.g. ever…

[image] memophen: Providing explicit support for stable classes would make development much harder, even though user styles are probably only used by a tiny fraction of users, so that’s why it won’t be done. I understand. It's just that a few items don't have a class at all, which makes it im…

Many Thanks for this dpoulton Sorry I didn't get back to you sooner, I was away a few days. [image] dpoulton: .hljs { border: 0px none; /* makes sure fenced code blocks do not have a border / background: #F0F0F0; / makes the background of fenced code blocks darker than the default */ }

Is there a list of css property names?

Support

Topic		Replies	Views
List of CSS elements which should have a class Development	10	4426	20 June 2021
PR for adding classnames specifically for Joplin theming Development	4	886	27 April 2021
Populating userchrome.css with common classes for new installs? Features	0	945	13 August 2021
Ideas about Joplin Theming Lounge	22	6148	8 September 2021
Why is custom CSS an important feature for you? Lounge	22	3275	14 June 2021

Is there a list of css property names?

Related topics