PKM-er / Blue-Topaz_Obsidian-css

A blue theme for Obsidian.
MIT License
1.11k stars 91 forks source link

Text too much left-aligned #601

Closed blumenschwein closed 1 month ago

blumenschwein commented 1 month ago

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:

image

This happens to text both inside and outside the callout box:

image

Also the old-style admonitions have the same problem:

image

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:

image


[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;
}