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?
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;
}
}
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-sizein 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?
Appended Extra Content (HTML) (if relevant):
theme.css (if relevant):