CSS / Shortcode Help Modify Columns

  • Unknown's avatar
    stormvisions · Member ·

    Hi. Jumping in and repurposing my old site. If you view this page on my site and go down to just below the Cherry Shrimp section you will see a Product Highlight. I added WooCommerce and trying to figure out the best way to feature related products. In this case I used the row and column shortcode. I assigned the product and text each to its own column. The product does not fill the column unless I hard code a pixel width. I’m trying to get it to flow to fill the column but % doesn’t work for the width, removed padding and margins but no go. Any help appreciated – including if there is some WooCommerce or other plugin that works with wordpress.com to insert these product blocks. Thanks. 

    
[su_box title="Product Highlight" style="default" box_color="#333333" title_color="#FFFFFF" radius="3" class="product_highlight"]
[su_row]
[su_column size="1/2"][product id="1095"][/su_column]
[su_column size="1/2"]All of these algae eaters and biofeeders will benefit from certain organic materials that provide a surface for biofilm growth; some also benefit from the cellulose and/or tannins released by certain tank-safe non-toxic branches and leaves such as alder cones, cholla wood, and Indian almond leaves.[/su_column]
[/su_row]
[/su_box]

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

  • Unknown's avatar
    stormvisions · Member ·

    Eureka! I found the answer. I didn’t note that WooCommerce [product] has its own display options built in.

  • The topic ‘CSS / Shortcode Help Modify Columns’ is closed to new replies.