Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter spankyinthe210

    (@spankyinthe210)

    My website is private (login required) so i cannot provide a link. Here is the code for a simple three columns with embedded paragraph blocks. When displayed, instead of columns horizontally, the columns are displayed in vertical rows.

    <!-- wp:columns {"columns":3} -->
    <div class="wp-block-columns has-3-columns"><!-- wp:column -->
    <div class="wp-block-column"><!-- wp:paragraph {"backgroundColor":"pale-cyan-blue"} -->
    <p class="has-background has-pale-cyan-blue-background-color">Column 1</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column -->
    
    <!-- wp:column -->
    <div class="wp-block-column"><!-- wp:paragraph {"backgroundColor":"vivid-red"} -->
    <p class="has-background has-vivid-red-background-color">Column 2</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column -->
    
    <!-- wp:column -->
    <div class="wp-block-column"><!-- wp:paragraph {"backgroundColor":"luminous-vivid-amber"} -->
    <p class="has-background has-luminous-vivid-amber-background-color">Column 3</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns -->
    

    Lol, Gotta love open source software. 🙁

    So the issue is related to the theme being used? I tried 3 or 4 others, including the Twenty Nineteen, Twenty Seventeen themes and the same issue is there. I would like to know a theme (free), that columns will work on. Thanks for your timely response.

    1backstagegames did you ever resolve your issues with columns showing correctly (horizontally) in the editor, but showing vertically on the webpage.
    I have the exact same issue

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