Skip to content

Can't set left and right margins when exporting to PDF anymore #6498

@kolstadmagnus

Description

@kolstadmagnus

Hello! When exporting to PDF I can't set left and right margins anymore. The options are grayed out. I've never seen this before. Is this a bug or because of something else? I can't recall having made any changes to my settings, so I'm quite stumped.

The exports turn out strange, with a right margin much larger than the left margin. Also, the font size is much smaller.

I've tried different themes with and without my appended HTML, without luck. All exports are asymmetrical with tiny point sizes. When I up font-size in the appended HTML, the point size increases, but it seems the export won't allow the line length to cover more than ~60% of the paper width.

Does anyone know what's up?

Image

Appended Extra Content (HTML) (if relevant):

<style>
body {
    font-size: 13.5px;
    font-family: "IBM Plex Serif";
break-inside: avoid
}

h2 + p {
    page-break-before: avoid;
}
p, li {
  text-wrap: pretty;
}
</style>

theme.css (if relevant):

:root {
  --side-bar-bg-color: #fafafa;
  --control-text-color: #777;
  font-size: 19px;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  -moz-font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern", "ss02";
  font-family: "Heliotrope OT", serif;
  color: black;
  font-variant-numeric: tabular-nums;
  tab-size: 3;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Heliotrope OT", serif;
  color: #333;
  line-height: 1.46;
}

#write {
  max-width: 700px;
  margin: 0 auto;
  padding: 30px;
  padding-bottom: 100px;
}

@media only screen and (min-width: 1400px) {
  #write {
    max-width: 1024px;
  }
}

@media only screen and (min-width: 1800px) {
  #write {
    max-width: 1200px;
  }
}

#write > ul:first-child,
#write > ol:first-child {
  margin-top: 30px;
}

h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
  text-decoration: none;
}
h1 tt,
h1 code {
  font-size: inherit;
}
h2 tt,
h2 code {
  font-size: inherit;
}
h3 tt,
h3 code {
  font-size: inherit;
}
h4 tt,
h4 code {
  font-size: inherit;
}
h5 tt,
h5 code {
  font-size: inherit;
}
h6 tt,
h6 code {
  font-size: inherit;
}

h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.25em;
}
h4::after {
  content: ":";
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
  color: #777;
}
p,
blockquote,
ul,
ol,
dl {
  margin: 0.8em 0;
}
li > ol,
li > ul {
  margin: 0 0;
}
hr {
  height: 2px;
  padding: 0;
  margin: 16px 0;
  background-color: #e7e7e7;
  border: 0 none;
  overflow: hidden;
  box-sizing: content-box;
}

li p.first {
  display: inline-block;
}
ul,
ol {
  padding-left: 30px;
}
ul:first-child,
ol:first-child {
  margin-top: 0;
}
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}
blockquote {
  border-left: 4px solid #dfe2e5;
  padding: 0 15px;
  color: #555;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
blockquote blockquote {
  padding-right: 0;
}
table {
  padding: 0;
  word-break: initial;
}
table tr {
  border: 1px solid #dfe2e5;
  margin: 0;
  padding: 0;
}
table tr:nth-child(2n),
thead {
  background-color: #f8f8f8;
}
table th {
  font-weight: 600;
  border: 1px solid #dfe2e5;
  border-bottom: 0;
  margin: 0;
  padding: 6px 13px;
}
table td {
  border: 1px solid #dfe2e5;
  margin: 0;
  padding: 6px 13px;
}
table th:first-child,
table td:first-child {
  margin-top: 0;
}
table th:last-child,
table td:last-child {
  margin-bottom: 0;
}

.CodeMirror-lines {
  padding-left: 4px;
}

.code-tooltip {
  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3);
  border-top: 1px solid #eef2f2;
}

.md-fences,
code,
tt {
  border: 1px solid #e7eaed;
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 2px 4px 0px 4px;
  font-size: 0.9em;
  font-family: "triplicate a code", monospace;
  color: black;
}

code {
  background-color: #f3f4f4;
  padding: 0 2px 0 2px;
}

.md-fences {
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 8px;
  padding-bottom: 6px;
}

.md-task-list-item > input {
  margin-left: -1.3em;
}

@media print {
  html {
    font-size: 13px;
  }
  pre {
    page-break-inside: avoid;
    word-wrap: break-word;
  }
}

.md-fences {
  background-color: #f8f8f8;
}
#write pre.md-meta-block {
  padding: 1rem;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f7f7f7;
  border: 0;
  border-radius: 3px;
  color: #777777;
  margin-top: 0 !important;
}

.mathjax-block > .code-tooltip {
  bottom: 0.375rem;
}

.md-mathjax-midline {
  background: #fafafa;
}

#write > h3.md-focus:before {
  left: -1.5625rem;
  top: 0.375rem;
}
#write > h4.md-focus:before {
  left: -1.5625rem;
  top: 0.285714286rem;
}
#write > h5.md-focus:before {
  left: -1.5625rem;
  top: 0.285714286rem;
}
#write > h6.md-focus:before {
  left: -1.5625rem;
  top: 0.285714286rem;
}
.md-image > .md-meta {
  /*border: 1px solid #ddd;*/
  border-radius: 3px;
  padding: 2px 0px 0px 4px;
  font-size: 0.9em;
  color: inherit;
}

.md-tag {
  color: #a7a7a7;
  opacity: 1;
}

.md-toc {
  margin-top: 20px;
  padding-bottom: 20px;
}

.sidebar-tabs {
  border-bottom: none;
}

#typora-quick-open {
  border: 1px solid #ddd;
  background-color: #f8f8f8;
}

#typora-quick-open-item {
  background-color: #fafafa;
  border-color: #fefefe #e5e5e5 #e5e5e5 #eee;
  border-style: solid;
  border-width: 1px;
}

/** focus mode */
.on-focus-mode blockquote {
  border-left-color: rgba(85, 85, 85, 0.12);
}

header,
.context-menu,
.megamenu-content,
footer {
  font-family: "Segoe UI", "Arial", sans-serif;
}

.file-node-content:hover .file-node-icon,
.file-node-content:hover .file-node-open-state {
  visibility: visible;
}

.mac-seamless-mode #typora-sidebar {
  background-color: var(--side-bar-bg-color);
}

.mac-os #write {
  caret-color: AccentColor;
}

.md-lang {
  color: #b4654d;
}

/*.html-for-mac {
    --item-hover-bg-color: #E6F0FE;
}*/

#md-notification .btn {
  border: 0;
}

.dropdown-menu .divider {
  border-color: #e5e5e5;
  opacity: 0.4;
}

.ty-preferences .window-content {
  background-color: #fafafa;
}

.ty-preferences .nav-group-item.active {
  color: white;
  background: #999;
}

.menu-item-container a.menu-style-btn {
  background-color: #f5f8fa;
  background-image: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.8),
    hsla(0, 0%, 100%, 0)
  );
}

strong {
  font-weight: 600;
}

h1 {
  font-size: 160%;
  font-weight: 900;
  line-height: 1.1;
  margin-top: 0;
  margin-bottom: 1.4rem;
}

h2 {
  font-size: 130%;
  font-weight: 900;
  margin-top: 3.6rem;
  margin-bottom: 1.2rem;
  border-top: 2px solid currentColor;
  padding-top: 0.1rem;
  border-bottom: 0;
  color: black;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

h3 {
  font-weight: 900;
  font-size: 105%;
  margin-top: 2.6rem;
  margin-bottom: 0.8rem;
  line-height: 1.36;
}

h4 {
  font-size: 100%;
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
  line-height: 1.46;
  font-style: italic;
  font-weight: normal;
}

h1 + h2,
h2 + h3,
h2 + h3 {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: firebrick;
}

ol + p,
ul + p {
  margin-top: 1.6rem;
}

li {
  margin: 0;
  padding: 0;
}

#write ol ol,
#write ol ol ol,
#write ol ol ol ol {
  list-style-type: disc;
}

table {
  font-size: 95%;
  color: black;
}

/* Works in editor and export */
#write .md-math-block,
.typora-export .md-math-block {
  text-align: left !important;
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

/* KaTeX */
#write .md-math-block .katex-display,
.typora-export .md-math-block .katex-display {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* MathJax v2 */
#write .md-math-block .MathJax_Display,
.typora-export .md-math-block .MathJax_Display {
  text-align: left !important;
  margin: 0 !important;
}

/* MathJax v3 */
#write .md-math-block mjx-container[display="true"],
.typora-export .md-math-block mjx-container[display="true"] {
  text-align: left !important;
  margin: 0 !important;
}

/* Optional: nudge left edge to line up with paragraph text */
#write .md-math-block {
  margin-left: 0 !important;
}

@media print {
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions