Support » Theme: OceanWP » How to change the padding on the left and right sides of my product compare page

  • Resolved specotech

    (@specotech)


    I recently added the Woocommerce Products Compare plugin and it appears to be stretched to full width with the text touching both sides of the page and product images are very enlarged. How can I add padding to both sides of just this page to see if that’s the issue or fix this if you know a different solution? I would like the images to appear smaller and all text to be brought in. Thanks so much.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    Try to add the below code to the Customize > Custom CSS section and check it works or not –

    .woocommerce-products-compare-content {
        max-width: 90%;
    }

    It works for making the content smaller but the content still starts on the edge of the left side of the page when I do this. I found the following code to work for the most part but I want to double check with someone before I completely settle for it. What do you think? Thanks.

    .woocommerce-products-compare-content {
    	   width:1200px;
         margin: 0 auto;
    }

    I saw that code yesterday while I was checking your site and added the max-width value also in it. if it works, then use it.

    Ok perfect thank you!

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