- This topic has 15 replies, 3 voices, and was last updated 8 months, 3 weeks ago by
David.
-
AuthorPosts
-
August 1, 2019 at 5:50 am #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!
August 1, 2019 at 7:10 am #972960David
StaffCustomer SupportHi 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.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 3, 2019 at 8:58 am #974881Dirkje
Hi David,
Thanks for your explanation and for the css. That sounds smart!
Thanks and kind regards,
DirkjeAugust 3, 2019 at 2:32 pm #975022David
StaffCustomer SupportHappy to be of assistance
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 29, 2020 at 3:09 am #1306091Markus
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. 😉
May 29, 2020 at 5:25 am #1306208David
StaffCustomer SupportHi there,
if you want to raise a new topic where you can share a link to your site i can take a look.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 3, 2020 at 8:28 am #1312796Markus
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!
June 3, 2020 at 4:29 pm #1313333Tom
Lead DeveloperLead DeveloperHave you tried something like this?:
.entry-content h3 { margin-top: 20px; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJune 4, 2020 at 12:37 am #1313629Markus
I just tried it and it doesn´t work – unfortunately.
June 4, 2020 at 4:40 am #1313871David
StaffCustomer SupportTry increasing the top margin to a much greater value to see it working.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 4, 2020 at 5:12 am #1313913Markus
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 …June 4, 2020 at 5:23 am #1313926David
StaffCustomer SupportWhere are you adding the CSS ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 4, 2020 at 5:24 am #1313927Markus
In the extra css within the Customizer.
June 4, 2020 at 6:52 am #1314068David
StaffCustomer SupportYou 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 */ }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 4, 2020 at 7:00 am #1314081Markus
You guys are just great. Thx so much!!! That´s it!!!
-
AuthorPosts
- You must be logged in to reply to this topic.