Columns messed up for no reason?

  • Resolved xbenas

    (@xbenas)


    11 years, 10 months ago

    Hello. I’m currently having some issues with columns.

    Here’s my website with the problem: https://www.simplysystem.lt/kontaktai/

    This is how it should look like: https://comvu.comli.com/full-width/

    Both pages use the same HTML code:

    [column width="1" place="first" ][headline]16 Columns[/headline]

Cras consequat porttitor tincidunt. Praesent eu tincidunt lacus. Donec ut neque vitae erat congue venenatis. Duis hendrerit lacinia leo in dignissim. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.

[/column]

[column width="1/3" place="first" ] [headline margin="margin"]1/3 Column[/headline]

Cras semper facilisis vestibulum. Nam purus magna, venenatis a mollis at, lacinia id lacus. Quisque metus arcu, condimentum vitae dignissim at, condimentum id dui. Fusce at dui metus. Nulla in purus in mauris luctus gravida vel vitae arcu Magna nisi. Integer ut risus nulla.

[/column] [column width="1/3" place="none" ] [headline margin="margin"]1/3 Column[/headline]

Cras semper facilisis vestibulum. Nam purus magna, venenatis a mollis at, lacinia id lacus. Quisque metus arcu, condimentum vitae dignissim at, condimentum id dui. Fusce at dui metus. Nulla in purus in mauris luctus gravida vel vitae arcu Magna nisi. Integer ut risus nulla.

[/column] [column width="1/3" place="last" ] [headline margin="margin"]1/3 Column[/headline]

Cras semper facilisis vestibulum. Nam purus magna, venenatis a mollis at, lacinia id lacus. Quisque metus arcu, condimentum vitae dignissim at, condimentum id dui. Fusce at dui metus. Nulla in purus in mauris luctus gravida vel vitae arcu Magna nisi. Integer ut risus nulla.

[/column]

[column width="1/4" place="first" ] [headline margin="margin"]1/4 Column[/headline]

Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec sed.

[/column] [column width="1/4" place="none" ] [headline margin="margin"]1/4 Column[/headline]

Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec sed.

[/column] [column width="1/4" place="none" ] [headline margin="margin"]1/4 Column[/headline]

Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec sed.

[/column] [column width="1/4" place="last" ] [headline margin="margin"]1/4 Column[/headline]

Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec sed.

[/column]

[column width="twelve" place="first"] [headline margin="margin"]12 Column[/headline]

Sed at odio ut arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi.Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Maecenas ut nulla quis eros scelerisque posuere vel vitae nibh. Proin id condimentum sem. Morbi vitae dui in magna vestibulum suscipit vitae vel nunc. Integer ut risus nulla. malesuada tortor, nec scelerisque lorem mattis lore Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas nullam vitae neque luctus dolor.

[/column] [column width="four" place="last"] [headline margin="margin"]4 Column[/headline]

Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec aiquam at erat in purus aliquet mollis lorem ipsum dolor sed.

[/column]

    Help?

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

  • I’d start by making sure you don’t have any HTML or CSS errors causing that issue:

    https://codex.www.ads-software.com/Validating_a_Website

    Can you verify the link to your site?

    Without seeing it I am just guessing to remove the whitespace in between then shortcodes. Those sometimes casue an empty <p></p> code.

    Thread Starter xbenas

    (@xbenas)

    “Can you verify the link to your site?”

    What do you mean?

    Thread Starter xbenas

    (@xbenas)

    Both of the pages are using the same theme and the same HMTL code.
    I’m out of ideas. What gives?

    There ARE errors — did you look at them?

    Thread Starter xbenas

    (@xbenas)

    SO basically I now have to go trough every x.php file with some validator?

    I’d start with the page that has the problem and this validator:

    https://validator.w3.org/

    and then, if need be: https://jigsaw.w3.org/css-validator/

    If fixing any errors doesn’t solve the problem, try using Firebug to look at what’s going on with the CSS code.

    What theme is that and where did you get it and the code you are using?

    (The site does not seem to be working at the moment, so I can’t look at it again — looked earlier.)

    Thread Starter xbenas

    (@xbenas)

    Both of the sites are working now for me. Check them if you can.
    As for the error search, I will do it later when I can. I have some real -life stuff to do ATM ??

    Have fun! Yes, they work, however, I see that that’s a commercial theme. So if the above steps don’t solve the problem, you’ll need to contact the developer for help – as commercial themes are not supported here.

    Both of the pages are using the same theme and the same HMTL code.

    not right now – you are using two different themes.

    the one with the problem is using ‘Centum WP’ which seems to be a commercial theme by themeforest -> please contact them for support.

    PS:
    use a browser inspection tool to check the actual width of the container where you are trying to fit the three columns with 300px plus margin each – imho, it is too narrow.

    Thread Starter xbenas

    (@xbenas)

    It’s okay I got it all fixed.

    Turns out I needed to go on the Page to Page Attributes and change the Template to “Full width page”.

    Everything is fixed now.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Columns messed up for no reason?’ is closed to new replies.