H1 CSS issue

Home Forums SKT Full Width Forum H1 CSS issue

This topic contains 11 replies, has 2 voices, and was last updated by  Forum Moderator 1 day, 21 hours ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #127522

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016

    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?

    #127525

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    Hi,

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

    Add this code there:

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

    Regards,
    Chris

    #130621

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016

    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.

    #130634

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    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

    #130671

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016
    #130672

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016
    #130704

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    Hi,

    Remove

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

    And add this CSS

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

    Regards,
    Chris

    #130851

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016

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

    #130852

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016
    #130869

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS code

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

    Regards,
    Chris

    #130940

    Mark Stein
    Participant
    • Topics: 12
    • Replies: 31
    • Total: 43
    Member since: July 15, 2016

    THANK YOU!!!

    #130957

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21728
    • Total: 21728
    Member since: August 16, 2013

    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

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.