product category shortcut output are slanted

  • Resolved aivfx

    (@aivfx)


    9 years, 8 months ago

    in my page,
    I only inserted this into my page

    [product_category category="controllers" per_page="12" columns="4" orderby="date" order="desc"]

    nothing else but when I go into my page which is
    cinegears
    All my products are showing slanted instead of in a nice row.

    I didn’t do any settings just that shortcode. Can someone give me a hand?

    Edit:
    I tried few different shortcodes and found out that if the item is displayed more than one row, starting from the second row, everything looks good it`s the first row that is messed up.

    this are the shortcodes tried now…

    [recent_products per_page="12" columns="4"]
[product_category category="controllers" per_page="12" columns="4" orderby="date" order="desc"]
[product_category category="follow-focus-kit" per_page="12" columns="4" orderby="date" order="desc"]

    P.S. I am running woocommerce Version 2.3.5

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

  • Try this in your custom css:

    .woocommerce ul.products {white-space:nowrap}
.woocommerce ul.products h3 {white-space:pre}

    Thread Starter aivfx

    (@aivfx)

    Thanks a lot, that did help.
    But know any reason why it’s like this from the start? Thought this shouldn’t happen and I don’t seem to see any css messing around with it.

    Thread Starter aivfx

    (@aivfx)

    but somehow the words are all stuck together in firefox and looks perfectly in chrome though. What should I do? the words won’t break up even when I added word-wrap: break-word; into it

    The style that is causing the problem comes from your theme. Your theme is anya version 1.4.1, but the changelog shows that version 1.5 is available. Updating might fix the problem, but take a backup first.

    The theme page tells us that the theme is compatible with WooCommerce 2.2.x but you are using 2.3.5, so maybe the theme has not caught up yet with the latest WooCommerce. The authors might be currently working on an update.

    If the latest version of the theme does not fix the problem, ideally you should report the problem to the vendor’s support service so they can be sure to fix it in a future release.

    Meanwhile, please try this fix in place of my above suggestion to address the FireFox issue as well:

    .woocommerce ul.products {white-space:nowrap}
.woocommerce ul.products h3 {white-space:normal}

    Thread Starter aivfx

    (@aivfx)

    Great, this does fix the issue.
    setting pre instead of normal, even in chrome the words goes on but it’ll cut off not like double layered in firefox.
    But with normal both browsers are all good.
    Thanks a lot.

    P.S. I was told not to update anything if possible just in case of incompatibilities (even though I do understand they will have to be updated sooner or later)

    P.P.S where are you able to check what theme and version of woocommerce I am using? Is there a site to check what theme and all plug in a site is currently using?

    I think its a good idea to keep everything up-to-date and get the benefit of the latest bug and security fixes.

    If you run a non-hobby site that you can’t afford to go down, the thing to do is to create a separate development site. This can be in a subdirectory. Try out updates on the development site before committing them to the live site. Ensure you have a good backup scheme. Most hosts and some plugins can do backups for you automatically for you once setup.

    To find your theme, I loaded the page and looked at the source. Control-U in Chrome. Find style.css and load that. If its a child theme, the template setting gives the parent theme directory, and style.css in there has the theme name and version.

    Also in the page source are 2 meta tags: <meta name=”generator” and these give the WP & WC version numbers. Some but not all other plugin names can be deduced by looking at the page source. There is no site that I know of that lists this information.

    Thread Starter aivfx

    (@aivfx)

    Thanks a lot for all the info ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘product category shortcut output are slanted’ is closed to new replies.