CSS file and related products

Home Forums All Other Themes CSS file and related products

This topic contains 3 replies, has 2 voices, and was last updated by  Forum Moderator 5 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #113342

    CJHM
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 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

    #113356

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20575
    • Total: 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

    #113358

    CJHM
    Participant
    • Topics: 6
    • Replies: 21
    • Total: 27
    Member since: July 18, 2016

    Hi there,

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

    Regards.

    Cees

    #113517

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20575
    • Total: 20575
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.