Reduce space between lines of article titles that wrap

Beantwortet

10 Kommentare

  • Sebastiaan Wijchers
    Aktionen für Kommentare Permalink

    Hello Sarah,

    Are you able to share a link to your Help Center? In that case I can give a better answer.

    With kind regards,

    Sebastiaan
    Sparkly ⭐

    0
  • Sarah Webber
    Aktionen für Kommentare Permalink

    Hello Sebastian, thank you for your reply. Our Help Center content is behind a login and we have not yet setup single sign on. Can I export / attach CSS or HTML for you to look at?

    0
  • Brett - Community Manager
    Aktionen für Kommentare Permalink

    Hey Sarah,

    If you can share the code you're using that may be helpful in narrowing down what the issue is here :) 

    Thanks!

    0
  • Sarah Webber
    Aktionen für Kommentare Permalink

    Here's a link to the CSS file:https://www.dropbox.com/s/0192f1my89bvujh/ClearGov_Zendesk_CSS.txt?dl=0

    0
  • Vladan Jovic
    Aktionen für Kommentare Permalink

    Hey Sarah, it's about line-height property that should be reduced on "a" elements. 

    If you have front-end dev in your team, it should be very easy for him to fix that. 

    Hope this helps.

    0
  • Sebastiaan Wijchers
    Aktionen für Kommentare Permalink

    Hello Sarah,

    Vladan is right, it's probably a line-height property somewhere. I see your body tag has this:

      line-height: 2.0;
    

    So you probably have a lot of spacing between lines at more places. If you can share the HTML output of that page as well, then I give a better solution. (As I don't think you're using the default Copenhagen theme.)

    With kind regards,

    Sebastiaan
    Sparkly ⭐

    0
  • Sarah Webber
    Aktionen für Kommentare Permalink

    Thank you for the input so far. Here is a link to the HTML of the FAQ page: https://www.dropbox.com/s/vabvovky1o9kf7j/view-source_https___support.cleargov.com_hc_en-us_categories_360001440494-FAQs.html?dl=0

    I am using the default Copenhagen theme.

    0
  • Sebastiaan Wijchers
    Aktionen für Kommentare Permalink

    Hello Sarah,

    The HTML output looks a bit odd, but if it's Copenhagen as base, then you could replace this in your CSS:

    .article-list-item {
      font-size: 16px;
      padding: 5px 0;
    }

    With this:

    .article-list-item {
    font-size: 16px;
    padding: 15px 0;
    line-height: normal;
    }

    You can also swap 'normal' for something like '1.5', when you want a little more spacing.

    With kind regards,

    Sebastiaan
    Sparkly ⭐

    0
  • Sarah Webber
    Aktionen für Kommentare Permalink

    Thank you VERY MUCH Sebastiann, that worked great!

    0
  • Sebastiaan Wijchers
    Aktionen für Kommentare Permalink

    You're welcome!

    0

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.

Powered by Zendesk