Springe zum Inhalt

WP, Tiny Framework und QuickLaTeX

Tiny Framework scheint um jedes Image einen Schatten zuzufügen. QuickLaTeX stellt mathematische Formeln als Images dar. Ohne weiteres Zutun werden daher alle QuickLaTeX-Formeln mit einem Schatten umrandet - sowohl im Fließtext als auch bei abgesetzten Formeln - was im allgemeinen unerwünscht ist.

Eine entsprechende Anfrage führte zur Antwort, im CSS des Tiny Frameworks die Schattierung zu unterbinden. Das würde jedoch für alle Images gelten; nicht nur für die QuickLaTex-Formeln. Auch das ist unerwünscht! Ich habe abweichend vom gegebenen Ratschlag im file ../app/wp-content/plugins/wp-quicklatex/css/quicklatex-format.css eine Änderung durchgeführt:

/* 
  Inline formulas format:
  <img class="$1" src="imageURL"/>

  $1 - default class ql-img-inline-formula */
  
/* Style for <img> tag of in-text formula */
.ql-img-inline-formula{
	background:none !important; 
	border:none !important;
	padding:0px !important;
	margin:0px  !important;
	box-shadow:none !important; 
}

/* Style for the <img> tag of displayed equation */
.ql-img-displayed-equation{
	background:none  !important;
	border:none  !important;
	padding:0px  !important;
	margin:0px   !important;
	vertical-align:middle  !important;
	display:inline-block  !important;	
	box-shadow:none !important; 
}

Die Zeilen 13 und 24 wurde dem Original-CSS zugefügt. Sie unterdrückt die Schattierung von Formeln im Fließtext und von abgesetzten Formeln.

Weitere Modifikationen sind möglich; ich habe sie aber bei mir noch nicht benötigt.