Woocommerce Product View Problem

  • Support OnlineSat-Thu / 9:30am - 5:30pm (GMT +6)
  • Your Time Our Time

Support Home Support Home ColorHost WordPress Theme Woocommerce Product View Problem

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3479
    Pascal Geuns
    Participant

    Hi,

    I installed WordPress 4.9.5 and ColorHost 1.5 with the required plugins incl. Woocommerce 3.3.5.

    When I look at one of the demo products that has options to choose from, then the label for the options is not visible on the product details page and the formatting could be nicer…

    Can you fix that, thank you πŸ™‚

    • This topic was modified 5 years, 11 months ago by Pascal Geuns.
    #3485

    Hi Pascal,

    Please provide us some screenshot of your issue, also send us your website URL to review the issue to fix.

    Best Regards,
    ThemeLooks Support Team

    #3506
    Pascal Geuns
    Participant

    Hi,

    The site is currently only running locally on my development machine, so no access from the outside.

    Below you find the URL to a screenshoot of how the page looks with woocommerce using the storefront template and a screenshoot of the same page with the colorhost 1.5 template.

    http://www.bitengines.com/storefront.png
    http://www.bitengines.com/colorhost.png

    I have put a red rectangle around the problem area.

    Let me know in case you want me to email you the source code of the product details page with the colorhost template enabled.

    Kind Regards
    Pascal

    PS:How does one upload a screenshoot or file to this thread ?

    #3507

    Based on your provided screenshot it’s conflicted with 3rd party plugins that you have used. In this issue, please disable 3rd party plugins to get rid of the issue.

    Moreover, our theme has no issue like this. Please check our our theme demo as reference http://themelooks.us/demo/colorhost/wordpress/product/flying-ninja/

    Furthermore, please read more our full support policy, here https://www.themelooks.com/support/support-policy/ before post a topic.

    PS: You could use this application https://app.prntscr.com/en/download.html to provide us a screenshot.

    Best Regards,
    ThemeLooks Support Team

    #3509
    Pascal Geuns
    Participant

    Hi,

    Thanks for the quick reply.

    My installation only uses the plugins the theme suggested for activation, see scrrenshoot

    http://www.bitengines.com/plugins.png

    furthermore, when you check the same product on your demo install

    Ship Your Idea

    then you see it has the same problem, as it does not show the text before the pulldown, exactly the same problem as on my screenshoot

    http://www.bitengines.com/colorhost.png

    so I guess this needs some CSS correction to show the correct formatting…

    Kind Regards
    Pascal

    #3514

    Please use the CSS below to fix the issue.

        .woocommerce-product-details__short-description + .cart {
            margin-top: 13px;
        }
        
        .product .cart .label {
            color: inherit;
            padding-top: 0;
            padding-bottom: 0;
            font-size: 14px;
            line-height: 24px;
            text-transform: capitalize;
        }
        
        .product .cart .label label {
            padding: 6px 0;
            margin-bottom: 0;
        }
        
        .product .cart .label label:after {
            content: ":";
        }
        
        .product .cart .value select {
            padding: 8px 10px;
            border: 1px solid #eee;
            cursor: pointer;
            outline: 0;
        }
        
        .product .cart .single_variation {
            margin-bottom: 18px;
        }

    Best Regards,
    ThemeLooks Support Team

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
happy hour