[Resolved] Feature request : top margin setting in the customizer for headings

Home Forums Support [Resolved] Feature request : top margin setting in the customizer for headings

Home Forums Support Feature request : top margin setting in the customizer for headings

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts
  • #972898
    Dirkje

    Hi Tom,

    In the customizer headings section you have the option for setting the bottom margin for each heading. Is it possible for you to add an option for the top margin of the headings as well? Would be awesome!

    #972960
    David
    Staff
    Customer Support

    Hi there,

    there is a slight issue with adding top margins in that margins collapse ie. if a heading follows an element that has a larger bottom margin then the headings top margin won’t be noticeable. So you would have to add a much larger margin to the headings to see any result. This would effect all headings on the site including those used in the archives. So its a bit tricky.

    I personally like more space between the end of a paragraph and the H2 headings and i use this CSS to do that:

    p + h2 {
        margin-top: 2em;
    }

    It will only add top margin to the heading if it comes after a paragraph.

    #974881
    Dirkje

    Hi David,

    Thanks for your explanation and for the css. That sounds smart!

    Thanks and kind regards,
    Dirkje

    #975022
    David
    Staff
    Customer Support

    Happy to be of assistance

    #1306091
    Markus

    I tried that with my installation – and it doesn´t work. I would love to put a top-margin on h1, h2, h3, h4 Headings – but everything I try doesn´t work. Please, help. 😉

    #1306208
    David
    Staff
    Customer Support

    Hi there,

    if you want to raise a new topic where you can share a link to your site i can take a look.

    #1312796
    Markus

    Hi David,

    thx for the reply – if xou check under https://police-it.net/organisierte-kriminalitaet-als-alternativer-geldgeber-fuer-klamme-unternehmen

    There you see all the h3 headlines like”KEINE Liquiditätsprobleme hat nur “der Staat” und die organisierte Kriminalität”

    I would love to change the margin-top – but every attempt to try via css is not working. Top margin won´t change. I would love to have some help here!

    thx for the help!

    #1313333
    Tom
    Lead Developer
    Lead Developer

    Have you tried something like this?:

    .entry-content h3 {
        margin-top: 20px;
    }
    #1313629
    Markus

    I just tried it and it doesn´t work – unfortunately.

    #1313871
    David
    Staff
    Customer Support

    Try increasing the top margin to a much greater value to see it working.

    #1313913
    Markus

    I tried with 2000 px – no effect 🙁
    Just to make sure – we´re talking this site https://police-it.net/organisierte-kriminalitaet-als-alternativer-geldgeber-fuer-klamme-unternehmen There you have a bunch of h3 headings …

    #1313926
    David
    Staff
    Customer Support

    Where are you adding the CSS ?

    #1313927
    Markus

    In the extra css within the Customizer.

    #1314068
    David
    Staff
    Customer Support

    You have some broken CSS. Your UL code is missing a close bracket:

    ul {
    	counter-reset:li; /* Initiate a counter */
    	margin-left:16px; /* Remove the default left margin */
    	padding-left:0px; /* Remove the default left padding */
             line-height:1.6em;
             list-style-type: disc;
    /* missing closing } */
    ol {
    	counter-reset:li; /* Initiate a counter */
    	margin-left:0px; /* Remove the default left margin */
    	padding-left:0px; /* Remove the default left padding */
    }
    #1314081
    Markus

    You guys are just great. Thx so much!!! That´s it!!!

Viewing 15 posts - 1 through 15 (of 16 total)
  • You must be logged in to reply to this topic.