The text inside and outside the callout boxes are aligned too much to the left. This happens only with Blue Topaz. With other themes (such as Default), there is no such problem.
Examples:
When using callout, the text inside the color box is aligned too much to the left border:
This happens to text both inside and outside the callout box:
Also the old-style admonitions have the same problem:
On the other hand, the plain code block does not have this problem, i.e., there is more space between text and border of the box:
[edit]
Solved by using following css settings:
/* Adjusting padding inside the callout box */
.callout-content {
padding-left: 30px; /* Adjust only the left padding if desired */
}
.callout.callout[data-callout="timeline"] .callout-content blockquote p{
padding-left: 1em;
//text-align: center; /* Centralize text */
}
.callout.callout:is([data-callout-metadata*="left"],
[data-callout*=left]) {
float: left !important;
margin-right: 40px;
}
.callout.callout:is([data-callout-metadata*="right"],
[data-callout*=right]) {
float: right !important;
margin-left: 20px;
}
The text inside and outside the callout boxes are aligned too much to the left. This happens only with Blue Topaz. With other themes (such as Default), there is no such problem.
Examples:
When using callout, the text inside the color box is aligned too much to the left border:
This happens to text both inside and outside the callout box:
Also the old-style admonitions have the same problem:
On the other hand, the plain code block does not have this problem, i.e., there is more space between text and border of the box:
[edit]
Solved by using following css settings: