Tagged: h1
- This topic has 10 replies, 3 voices, and was last updated 8 years, 1 month ago by Mahesh.
-
AuthorPosts
-
March 7, 2016 at 4:17 pm #86964Bodynology_2016Member
The space between headline and text and the line shift space is to high compared to the text height. How can I change this. Please see my blog:
March 8, 2016 at 11:58 am #87036MaheshKeymasterI checked the url and currently, the text “Vi er snart klare!” is being displayed. Can you please clarify issue little further.
Regards,
MaheshMarch 9, 2016 at 4:09 pm #87141Bodynology_2016MemberI am sorry, it now open. Please see this:
http://bodynology.no/om-meg/March 9, 2016 at 4:41 pm #87145MaheshKeymasterDo you mean to reduce space gap between <p> tag in the content area?
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following:.entry-content p { margin-bottom: 20px; }
Let me know if any problem.
Regards,
MaheshMarch 9, 2016 at 4:56 pm #87146Bodynology_2016MemberPerfect! You ar the best, thank you! :)))
March 10, 2016 at 11:25 pm #87246sbartschParticipantHello,
I have a question in regards to this as well. How can I decrease the space between (e.g. heading 1 and heading 2) with the body copy. For example on this page: https://studyabroad.wp.d.umn.edu/about/I’d like the header “Our Mission” to be closer to the first line of the paragraph sentence starting with “The UMD Study Abroad office is the…”
Any information would be greatly appreciated!
Thanks,
S. BartschMarch 11, 2016 at 9:25 am #87277MaheshKeymaster@sbartsch: Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS:
#content .entry-content h1, #content .entry-content h2 { margin-bottom: 0; }
Let me know if this solves your issue.
Regards,
MaheshMarch 11, 2016 at 9:19 pm #87315sbartschParticipantHi Mahesh,
This does seem to reduce the space a little more. Thank you! Not to be too picky – but is there a way to make it a little bit smaller? (I see the margin is at 0″ – so perhaps that’s the least space it can be?) Let me know.————————
One other question, can the space (line height/leading) in h1 and h2 that runs into a second line be decreased?? For example on this page: https://studyabroad.wp.d.umn.edu/get-started/myths/
Example: h2 in second paragraph: “I’m not studying a foreign language, so studying abroad is useless.”
When header sentences break into to two lines, I’m wondering if the space between the two lines can be decreased. (i.e. I’d like when the space between “I’m not studying a foreign language” and “so studying abroad is useless” breaks into two lines to be a little smaller.)
Let me know if I’m being clear, or if you understand what I’m trying to describe!
Many thanks for your help!
-sbartsch
(picky graphic designer / typography geek.)March 13, 2016 at 9:53 am #87378MaheshKeymasterHi sbartsch,
Please add the following CSS in Custom CSS box:
.entry-header h1, .entry-content h1, .entry-content h2 { line-height: 1.3; }
Hope this helps. Let me know if any problem.
Regards,
MaheshMarch 14, 2016 at 8:13 pm #87465sbartschParticipantMahesh,
This seemed to help adjust to my preferences. Thanks very much for your help!
Best,
Stephanie
March 15, 2016 at 10:43 am #87504MaheshKeymaster@sbartch: Thank you for your appreciation. Have a nice day!
Regards,
Mahesh -
AuthorPosts
- The topic ‘Line height’ is closed to new replies.