Changing column widths

Hi Kristi,

Thanks for writing in!

Could you please provide us with the page link, on which you’d like to apply the changes and a bit of more clarification so that by having a better understanding of issue, we’d be able to provide with a possible solution.

Thank you!

Lotus Moon Crystals
Here is the issue. Right now, the left column and the right column are the same width. The simply paypal shopping cart I have in the right column falls off into the background. So, I would like the left column to be a tad LESS wide and the right column to be a tad WIDER to accommodate the shopping cart. (right now it is maybe 1/8 off of the white and into the colorful background.

The obvious fix would be to change the size of the shopping cart in the plugin. But I cannot seem to find it.

I have a screen grab if you want to see what I am talking about but I do not see a place to include it here.

thank you for your help so very much. I sooooo loveeeeeeeeee this template! ??

Hi Kristi,

Thanks for the brief clarification!

Upon checking into your site, shopping cart seems to be looking fine (see: https://prntscr.com/a11atr ). Perhaps if you could provide with some screenshots so we can assist you with a possible solution.

Thank you!

Here is the shopping cart after items have been added
https://prntscr.com/a11g4x

Hi Kristi,

Thanks for providing the snapshot!

Unfortunately, we couldn’t find your shopping items page to add one item into the cart and see the issue. Please provide us with your items page link so we’ll be glad to provide you with assistance once we have a better understanding of the problem.

Thank you!

Any of the services pages would work. Try this one https://lotusmooncrystals.com/index.php/pdf-downloads/

Hi Kristi,

Thanks for providing the link!

In order to fix the breaking issue, please add the following code under your custom CSS field:

@media only screen and (min-width: 991px) {
    .shop_table .product-remove {
        width: 3% !important;
    }
    table tbody tr td {
        padding: 4px 6px !important;
    }
    .product-info {
        margin-left: 102px;
        margin-top: 20px;
    }
    .shop_table .product-thumbnail {
        margin-right: 10px;
    }
    .shop_table {
        position: relative;
        right: 16px;
    }
}

Hope this helps.

Thank you!

Thank you soooooooooo much!! you are the best!!! I am so very grateful!

You’re welcome Kristi! ??