CSS file and related products

[CJHMParticipantTopics: 6Replies: 21Total: 27 Member since: July 18, 2016]

Hi,

1. The woocommerce css-file for theme perfect fashion is pointing to https://c0.wp.com/p/woocommerce/3.5.2/assets/css/woocommerce.css. Wher can i change this so is’s using my own css file?
2. The related products in my mobile device is using by portrait view the product into 2 columns each seperated with much space between them. What is the solution? The url is https://by-peet.nl/product/unicornknuffel-met-naam/

Regards,

Cees

[Forum ModeratorParticipantTopics: 0Replies: 20575Total: 20575 Member since: August 16, 2013]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product { width:48% !important;}
}

Regards,
Dave

[CJHMParticipantTopics: 6Replies: 21Total: 27 Member since: July 18, 2016]

Hi there,

Thank you for the solution. Do you also know the answer for question 1?

Regards.

Cees

[Forum ModeratorParticipantTopics: 0Replies: 20575Total: 20575 Member since: August 16, 2013]

Hi,

You can overwrite those woocommerce class properties through a custom css plugin.

Regards,
Dave

[Author]

Posts