# Code view button

**URL:** <https://discourse.joplinapp.org/t/code-view-button/8893>\
**Category:** Features\
**Created:** [24 May 2020 15:30 UTC](https://discourse.joplinapp.org/t/code-view-button/8893 "2020-05-24T15:30:29Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [14 October 2020 10:01 UTC](https://discourse.joplinapp.org/t/code-view-button/8893/8 "2020-10-14T10:01:30Z")

</div>

To remove the WYSIWYG button in the newer versions of Joplin use:

```css
 div.editor-toolbar div button {
	/* removes the WYSIWYG button */
	 display: none !important;
}

```

The [Development Tools](https://discourse.joplinapp.org/t/custom-stylesheets/384/36) built into Joplin let you examine the CSS elements and classes used. Use the "pointer tool" to "probe" whatever you want to change looking for a suitable selector. They are not always easy to find. [This page](https://www.w3schools.com/cssref/css_selectors.asp) on creating selectors is also useful.

By the way, when trying to tweak parts of Joplin you may find a class that seems to control the bit you want to change but it has a weird random-looking name. Resist the temptation to use these as they are machine generated and will most likely change when a new version is built. That is why the above css uses `div` and `button` to select the WYSIWYG button and not a class (`.tox-tbtn`) which may not be permanent.

The "[Joplin Customisation](https://discourse.joplinapp.org/t/joplin-customization/11195)" wiki page has several v1.2.x examples.

---

_[View the full topic](https://discourse.joplinapp.org/t/code-view-button/8893)._