3 columns structure shows up in only 2 columns.

  • Unknown's avatar
    no007be · Member ·

    On my site https://no007be.wordpress.com/, there is kind of a bug, with the three columns showing up as 2. Up to now, it was correctly displaying the three widgets in three columns, but this changed after a small edit and I cannot bring it back to position. The second column is present below the first one, instead of being on the right. Is it something to do to correct this ?

    Thanks !

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    cookgardensew · Member ·

    Hi @no007be.

    I have been taking a look at your site and comparing the HTML to the default Edin theme to see why this is happening. It appears that your footer widgets have extra (HTML code for bold) tags that are wrapped oddly around the 2nd and 3rd widget, breaking the column formatting.

    I can’t figure out exactly how that code has gotten there, since it really isn’t the kind of code edit a user would likely make. It is possibly a bug, as you mentioned.

    You mentioned that you made a small edit just before this started happening. Was that possibly related to making some text bold in the first footer widget (EPHÉMÉRIDES)? It almost seems as if the system has misread the widget area and added extra tags to compensate.

    To fix it, you may try editing your EPHÉMÉRIDES widget (it looks like it should be labeled Footer One in the Customizer) and removing all of the bold styling, to see if that corrects the alignment of the other widgets. If it does, then you should be able to go back and add the bolded text back in.

    I’m going to add a modlook tag to this thread also, so that a staff member can take a look as well.

  • Unknown's avatar
    cookgardensew · Member ·

    My apologies… I neglected to put the word <strong> in code tags for the forum and managed to bold my whole response. :)

  • Unknown's avatar
    thesacredpath · Member ·

    @no007be, what was the small edit you made? I’m also having problems figuring out what is happening on your site.

  • Unknown's avatar
    cookgardensew · Member ·

    @thesacredpath –

    I just tested and was able to replicate the issue in the Edin theme by doing the following:

    Adding two Text widgets, one in Footer One and one in Footer Two.
    Bold the last word in the widget in Footer One.
    Switch to text view and remove the closing <strong> tag.

    As soon as the closing tag is removed, the widget in Footer Two shifts underneath and turns bold.

  • Unknown's avatar
    cookgardensew · Member ·

    You can see it here:
    https://www.useloom.com/share/4b705789f23b4f4ca9176ecc0cbeffdf

  • kokkieh · Staff ·

    Thanks for those steps, @cookgardensew

    So this is a case of poorly formed HTML messing up the site layout. I’ve never seen this happen in a widget, but it’s a known problem:

    https://en.support.wordpress.com/html-troubleshooting/

    This is not a bug, and the only way to prevent it is to make sure if you manually edit the HTML for any post or widget, that HTML tags are correctly nested and that each opening tag has a closing tag.

    Looking at the Ephémérides widget on the site, the last strong-tag was not properly closed. I’ve fixed that now, so the widgets are displaying in their proper columns again.

  • Unknown's avatar
    cookgardensew · Member ·

    Thanks @kokkieh. Glad to hear it isn’t a bug and that this is fixed for @no007be.

    I’ve know the HTML widget has a code check built into it that prevents this from happening. I wonder if the text widget could use the same thing? Is there a particular channel one would use to suggest that?

    Have a great day!

  • Unknown's avatar
    thesacredpath · Member ·

    If you are adding code of any sort, it is best to use the HTML Widget instead of the Text Widget since it does do the tests. The text widget is now pretty much for straight text.

  • The topic ‘3 columns structure shows up in only 2 columns.’ is closed to new replies.