CSS file and related products

Home Forums All Other Themes CSS file and related products

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #113342
    CJHMCJHM
    Participant
    • Topics: 10
    • Replies: 31
    • Total: 41
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    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
    CJHMCJHM
    Participant
    • Topics: 10
    • Replies: 31
    • Total: 41
    Member since: July 18, 2016

    Hi there,

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

    Regards.

    Cees

    #113517
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    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.