tag:help.rocksolidthemes.com,2012-07-23:/discussions/contao/67576-verwendung-icon-boxen-ohne-zwischenraumRockSolid Themes: Discussion 2021-07-21T09:24:35Ztag:help.rocksolidthemes.com,2012-07-23:Comment/492947092021-07-19T08:04:45Z2021-07-19T08:04:45ZVerwendung: Icon Boxen ohne Zwischenraum<div><p>Vielen Dank für Ihre Frage.</p>
<p>Dafür können Sie dem Inhaltselement z. B. die CSS-Klasse <code>icon-boxes-no-gutter</code> zuweisen und folgenden CSS-Code in die Datei <em>files/tao/css/custom.css</em> einfügen:</p>
<pre>
<code>@media (min-width: 600px) {
.icon-boxes-no-gutter > .rs-column.rs-column {
margin-right: 0;
width: calc(100% / 3);
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/492947092021-07-19T15:26:08Z2021-07-19T15:26:09ZVerwendung: Icon Boxen ohne Zwischenraum<div><p>Hi, ganz lieben Dank! Hat super geklappt...<br>
Jetzt habe ich allerdings oben und unten noch einen weißen Rand.<br>
Welche CSS-Einstellung muss ich vornehmen, dass dieser verschwindet?</p></div>Jörgtag:help.rocksolidthemes.com,2012-07-23:Comment/492947092021-07-20T07:07:02Z2021-07-20T07:07:02ZVerwendung: Icon Boxen ohne Zwischenraum<div><p>Um das zu erreichen können Sie den CSS-Code noch um Angaben für <code>margin-top</code> und <code>margin-bottom</code> ergänzen:</p>
<pre>
<code>@media (min-width: 600px) {
.icon-boxes > .rs-column.rs-column {
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
width: calc(100% / 3);
}
}</code>
</pre></div>RockSolid Themestag:help.rocksolidthemes.com,2012-07-23:Comment/492947092021-07-20T10:24:50Z2021-07-20T10:24:52ZVerwendung: Icon Boxen ohne Zwischenraum<div><p>Danke für die schnelle Antwort.<br>
Leider hat dies nicht geklappt. Aber ich konnte mit folgendes CSS-Code das Problem lösen. Für den Fall, dass jemand dies auch so machen will, hier der Code:</p>
<p>.icon-boxes { margin: 0.0em 0; }</p></div>Jörg