• Resolved chrisrahe

    (@chrisrahe)


    We have a pretty extensive Catablog displayed on our site at http://www.mennoniteusa.org/resource-center/ (we use another plugin to have different categories expand). I notice that in any one of the categories random entries will display with a huge linespacing, while most of the entries have the 1em that I manually inserted in the template code. I’ve checked the entries to make sure there isn’t any code being inserted in the description – there’s not.

    I can’t for the life of me figure out what is causing this. Has anyone else experienced this?

    I took a screenshot that I think you should be able to see here: http://i60.tinypic.com/2vbseuf.png

    https://ww.wp.xz.cn/plugins/catablog/

Viewing 6 replies - 1 through 6 (of 6 total)
  • mbrsolution

    (@mbrsolution)

    Hi the problem you are experiencing is because the items that display the description correctly is located between <span> tags using the following css code below.

    element.style {
        line-height: 1em;
    }

    The items with a wider lineheight added to them is because you have put the item description in between <p> tags. The <p> tags have the following settings.

    p {
        color: #444444;
        line-height: 24px; <<=======
        margin: 0 0 20px;
        padding: 0;
    }

    Changing the above from <p> tag to <span> tag will solve your problem.

    Kind regards

    Thread Starter chrisrahe

    (@chrisrahe)

    Thanks for responding, but the few entries I just checked had <span> tags inside of <p> tags for the entries that had appropriate line spacing.

    When I checked a couple of the entries with the wrong line-spacing there were some without any <span> tags, but there was at least one with the exact same <p><span> nest as the entries that display correctly :-/

    I tried adding some <span> tags to entries that didn’t display correctly and it doesn’t fix the problem.

    mbrsolution

    (@mbrsolution)

    Hi the problem is that your settings are not consistent. That is why your lineheight is not working for some because it is set to <p> tag. The <p> tag has a line-height: of 24px. When ever you add any images or items to a <P> tag the line-height will always be set to 24p.

    You are probably accidentally adding the wrong code to some items. Inspect those items that have a problem and you will know why you have added them to the <p> tag. Correct that and you will be good to go.

    Kind regards

    Thread Starter chrisrahe

    (@chrisrahe)

    As a follow-up, I went into the TinyMCE Advanced settings and un-checked the ” Stop removing the <p> and
    tags when saving and show them in the Text editor” setting. That seems to be what was causing the problem with Catablog by forcing everything to have the <p> tag.

    Of course now, I have to go into each entry that is messed up and re-save it to remove those un-wanted <p> tags.

    mbrsolution

    (@mbrsolution)

    Very good 🙂 well done. Once you resolve that can you let me know. I am curious 🙂

    Thread Starter chrisrahe

    (@chrisrahe)

    Yeah, that’s working. I just basically have to save changes and then the line-spacing shows up correctly. That plugin automatically adds <p> tags to any entry, but when I un-check that setting, WordPress strips out the tag when I save the entry.

    The old text-editor plugin I was using quit working right with the upgrades of WordPress, so I recently changed to a different TinyMCE plugin. I think every Catablog entry since I made that switch was having the problem.

    I’m just relieve to have figured it out.

    Thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Text changes in random boxes’ is closed to new replies.