Textabstand nach Überschrift

yvonne@smilla

Guten Abend zusammen

Ich arbeite mit dem Theme Limitless-Child und möchte gerne den Zeilenabstand nach h6 verringern. Siehe Printscreen

Da ich mit einem Child-Theme arbeite, nehme ich an, ich muss in der Style.CSS vom Child-Theme einen Code eingeben. Nur leider habe ich keine Ahnung, was, damit die Grundeinstellungen überspielt werden. Es handelt sich dabei um diese Seite: http://judtreuhand.annali.ch/treuhand/

Weitere Überschriften (h1-h5) möchte ich später bestimmt auch noch anpassen. Wäre froh, wenn mir jemand helfen könnte.

Vielen Dank und schönen Abend
Yvonne

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

BvW

Versuche einmal folgendes in deiner Child css Datei:

h6 {
margin-bottom: 0.3em;
}

yvonne@smilla

Vielen Dank für deine schnelle Antwort.
Hat leider nicht funktioniert. :(

So sieht meine Child Style.CSS Datei aus. Mach ich vielleicht was falsch? Bin da kein Hirsch drin... :roll:

Code

/*
Theme Name:     limitless Child
Theme URI:     demo1.artillegence.com/limitless
Author:     Artillegence
Author URI:     http://artillegence.com/
Description:     Limitless is a Multipurpose Drag n Drop theme.
Version:     2.1.4
Template:       limitless
License:     GNU General Public License v2 or later
License URI:     http://www.gnu.org/licenses/gpl-2.0.html
Tags:         black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text         Domain: ioa
*/
/*@import url("../limitless/style.css");*/


/*
<!-- Footer Widgets area -->
<a href="" style="color: #1096d0">mailto:info@judtreuhand.ch>info@judtreuhand.ch</a>




@media screen and (min-width:801px){
.home .page-wrapper{display:none;}


}
@media screen and (max-width:801px){
.home .top-layered-slider{display:none;}


}




h6 {
margin-bottom: 0.3em;
} 




*/

Alles anzeigen

SuMu

@import Regel nutzt man heute nicht mehr!
http://die-netzialisten.de/wordpress/anle…anlegen-update/ https://codex.wordpress.org/Child_Themes

Code

h6 { margin-bottom: 0.3em; }

Vielleicht ein ! important;

Code

h6 {
margin-bottom: 0.3em ! important;
} [URL="http://die-netzialisten.de/wordpress/anleitung-childtheme-anlegen-update/"]
[/URL]

SirEctor

Durch /* und */ ist doch alles auskommentiert und verliert jegliche Wirkung. Und die HTML-Anweisung gehört da auch nicht rein.

Versuche es mal so:

Code

/*
Theme Name:     limitless Child
Theme URI:     demo1.artillegence.com/limitless
Author:     Artillegence
Author URI:     http://artillegence.com/
Description:     Limitless is a Multipurpose Drag n Drop theme.
Version:     2.1.4
Template:       limitless
License:     GNU General Public License v2 or later
License URI:     http://www.gnu.org/licenses/gpl-2.0.html
Tags:         black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text         Domain: ioa
*/
@import url("../limitless/style.css");




/*
<!-- Footer Widgets area -->
<a href="" style="color: #1096d0">mailto:info@judtreuhand.ch>info@judtreuhand.ch</a>
*/




@media screen and (min-width:801px){
.home .page-wrapper{display:none;}




}
@media screen and (max-width:801px){
.home .top-layered-slider{display:none;}




}




h6 {
margin-bottom: 0.3em;
}

Alles anzeigen

Ansonsten mal das !important von SuMu anhängen.

yvonne@smilla

Ihr seid wunderbar!!! Herzlichen Dank!
Mit dem Entfernen von */ hat es wunderbar geklappt.

Nun habe ich gemerkt, dass ich den "Margin-Top" Bei der Absatz-Schrift noch verkleinern muss wahrscheinlich auf 0px (?), damit der Titel direkt über dem Fliesstext steht. Könnt ihr mir noch einen Tipp geben, wie die normale Fliesstext-Schrift (In meinem Text-Editor "Absatz" genannt) heisst, damit ich diesen Code auch in Style.css eingeben kann?

Vielen Dank - und nachher frag ich nix mehr. :roll:

SirEctor

versuch es mit dem p-Tag

yvonne@smilla

Grandios! Herzlichen Dank und allen einen schönen Tag! :razz:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Textabstand nach Überschrift

Jetzt mitmachen!