• I created a two column block with column 1 in an embedded paragraph block and column 2 in the other embedded paragraph block. In the editor the columns are horizontal to each other. When you display the page, the columns are vertical with column 2 indented below column 1. Can someone tell me if this is not working, or I’m doing something wrong.

Viewing 1 replies (of 1 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 -->
    
Viewing 1 replies (of 1 total)

The topic ‘Columns Not Working’ is closed to new replies.