Multiple titles are on one line

  • Even when upgrading to version 2.0.3. I still have common headlines on one line.

    It only fixes when I edit css:

    .letter-section ul.columns li {
????display: inline-block;
}

    to:

    .letter-section ul.columns li {
????display: block;
}

    I’m not sure whether this is a bug of the plugin or not, or a new feature, or the theme I’m using. I just want to announce that all of my web pages, using the Genesis Framework theme, are like this when upgrading the plugin to the new version.

    If it’s a feature, I think it’s not good.
    If it’s a bug, hopefully you’ll fix it soon.

    Thank you for developing a great plugin!

    • This topic was modified 6 years, 6 months ago by Minh Nhat.
Viewing 5 replies - 1 through 5 (of 5 total)

  • I am seeing the same problem. It happens only in a few places on a name listing. My use of A-Z is completely standard. Nothing unusual. I use Hemmingway Theme.

    Plugin Author Dani Llewellyn

    (@diddledani)

    oops, you’re right, that’s a bug ??

    I’ll fix it and release a new version today.. Thanks for letting me know.

    Plugin Author Dani Llewellyn

    (@diddledani)

    This should now be fixed ??

    Thread Starter Minh Nhat

    (@ighosts22)

    Thank you very much!

    P / S: I have a little question, why:

    .letter-section ul.columns.max-1-columns
.letter-section ul.columns.max-2-columns
.letter-section ul.columns.max-3-columns

    Every max-width is a fixed number that is not 100%. A fixed max-width, when using 2 columns with short headings, it generates a problem of aesthetics.

    I think there are:

    .letter-section ul.columns {
    ????width: 100%;
    ????box-sizing: border-box;
    ????column-gap: .6em;
    ????column-width: 10em;
    ????line-height: 1.6em;
    }

    is good enough.

    Sorry if this is a silly question. But I delete the max-width fixed on my web pages and replace it with 100%. Better display and do not notice any issues on all screen sizes.

    I just want to know the function of the fixed max-width to prevent problems that may occur when changing it. Thank you very much!

    I tested it on this page

    • This reply was modified 6 years, 6 months ago by Minh Nhat.
    • This reply was modified 6 years, 6 months ago by Minh Nhat.
    Plugin Author Dani Llewellyn

    (@diddledani)

    The fixed max-width is to force a minimum number of posts in each column before breaking to the next column. With a column-width set so that three columns can be fitted into the available space then when you have three posts each column will only have one post. With the fixed max-width we get roughly 10 posts in each column before breaking to the next column, should another column exist.

    This method also ensures that columns are all the same width, no matter how many are in the space.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Multiple titles are on one line’ is closed to new replies.