Woocommerce Product View Problem

[Pascal Geuns]

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 6 years, 5 months ago by Pascal Geuns.

[ThemeLooks Support Team]

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

[Pascal Geuns]

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 ?

[ThemeLooks Support Team]

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

[Pascal Geuns]

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

[ThemeLooks Support Team]

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

[Author]

Posts