Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 9, 2017 at 7:03 pm #744974
    tremblayly

    Hi
    On my homepage, I added the WooCommerce recent product shortcode in the center column. However, it doesn’t see to matter how many columns I select in the shortcode, the products always display the same width. I would have thought that the width of the products listed would get wider if I only choose 2 columns instead of 4 in the shortcode.

    Can you please help me figure out if the theme should adjust the width automatically to fit within my page middle column.

    This occurs on my homepage in the middle column at the bottom.

    My website is in development and is only accessible with credentials (which I’ve added to the private area below).

    Thank you
    Lyse

    February 14, 2017 at 12:23 pm #746848
    Nikko

    Hey tremblayly,

    Try to add this css code in Quick CSS (located in Enfold > Geneal Styling):

    div .columns-3 .products .product {
    width: 32.33%;
}

div .columns-2 .products .product {
    width: 49%;
}

    Let us know if this helps, if it’s not working please give us temporary admin access, the login details you gave doesn’t work.

    Best regards,
    Nikko

    February 14, 2017 at 4:31 pm #746962
    tremblayly

    Hi Nikko

    I added the CSS in my child theme styles.css. It works perfectly even after changing the # of columns.

    Your rock!

    Much appreciated
    Lyse

    February 15, 2017 at 7:51 am #747325
    Rikard

    Hi Lyse,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.