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
  • December 11, 2018 at 5:42 pm #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

    December 12, 2018 at 5:38 am #113356
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27635
    • Total: 27635
    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

    December 12, 2018 at 6:34 am #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

    December 14, 2018 at 12:59 pm #113517
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27635
    • Total: 27635
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.