H1 CSS issue

[Mark Stein]

Formatting for H1 header seems to affect page headings as well as titles for category pages. Setting the spacing for one throws off the spacing for the other.

Example: http://www.meditate-wnc.org/category/news/ (notice line spacing of titles on article tiles is wide)

On the category pages, the line spacing is too wide. If I reduce it by changing CSS parameters, it makes the line spacing too narrow for full size page titles on static pages and single post pages. Example: http://www.meditate-wnc.org/rev-glenda-cadarette-returns-dec-9/ (notice how narrow the line spacing is).

If I make the line spacing tighter for the category page article tiles, it makes the line spacing way too tight for H1 page titles.

The H1 settings seem to affect both. How can I change CSS to affect the category tile titles separately from the page titles that use the same H1 setting?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

Add this code there:

h1.entry-title { line-height:38px;}

Regards,
Chris

[Mark Stein]

Thank you for the suggestion, but I have already tried this. The problem is that the page title and the category item titles both use the h1.entry-title setting. If I make the change you suggested, the page titles are perfect, but then the headings for links to specific posts is way too tall for the small type. There seems to be a setting for “.homepage-article h1.entry-title a” which makes the post link titles smaller. I can make the spacing wider, but I can’t make it any smaller than the h1.entry-title setting. In other words, if I set h1.entry-title to line-height:38px; as you suggested, I can’t set the .homepage article h1.entry-title setting to anything less than 38 px, which is too much for the font-size:small parameter.

As bad as it looks, I have left it that way so you can see what happens. Please look at http://www.meditate-wnc.org/category/news/. On the links to the specific articles, whenever the line breaks, there is a 38px space between the lines of small text. I want this space smaller without affecting the other h1.entry-title page headings.

Thanks for your continued assistance.

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Chris

[Mark Stein]

https://imgur.com/a/0qK1wuA

[Mark Stein]

https://imgur.com/a/eyAScaY

[Sonnal S Sinha]

Hi,

Remove

h1.entry-title { line-height:38px;}

And add this CSS

.entry-title { line-height:38px;}

Regards,
Chris

[Mark Stein]

This now compresses the spacing on the single-page posts: https://imgur.com/a/ClljGak

[Mark Stein]

https://imgur.com/a/ClljGak

[Sonnal S Sinha]

Hi,

Kindly use this CSS code

.single .entry-title {
    line-height: 38px !important;
}

Regards,
Chris

[Mark Stein]

THANK YOU!!!

[Sonnal S Sinha]

Hi Mark,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/23/

Regards,
Chris

[Author]

Posts