Navigation
Archive / WooCommerce product page styling
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 16, 2016 at 2:05 am #1259058
    Glasseye
    Participant

    Good day X Team,

    Please refer to the attached screenshot, in particular the area marked with a green outline.

    By default the product SKU code, categories and tags information is all displayed inline. Is there a way to add line breaks so that the SKU, categories and tags are each on a new line?

    I’m using the Renew stack.

    Kind regards

    November 16, 2016 at 3:17 am #1259106
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .product_meta > span {
    display: block;
}

    Hope it helps 🙂

    November 22, 2016 at 4:52 am #1266658
    Glasseye
    Participant

    Many thanks Thai,

    Unfortunately that did not make a difference. However, I’m not convinced that it’s the code that’s an issue. If you refer to the attached screenshot you will see that there seems to be something wrong with the Custom CSS section in the Customizer.

    I will provide login details shortly so you can have a a look for yourself.

    November 22, 2016 at 4:53 am #1266661
    Glasseye
    Participant
    This reply has been marked as private.
    November 22, 2016 at 4:56 am #1266662
    Christopher
    Moderator

    Hi there,

    Please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Let us know how t goes.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1259058 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>