birthma

Hello, apologies for the slight delay. The issue still persists unfortunately.

Hi @shameemreza,

Thanks for the reply! When you say it is compatible with the Measurement Price Calculator can you please expand? From what I understand its outputs can’t be used for shipping purposes…

Thank you for your reply. We do not use CSS code but rather a plugin so the only code is theirs…

Nope, you didn’t misunderstand! Their support has been quite poor so was seeking additional help from the community. If this is not allowed, you can close this thread though.

Hello, the above code did not work ?? The first table’s text (product, price, quantity, subtotal) is not rescaling to fit inside the box with any of the above codes. I’m sure the above is correct and I’m doing something wrong so I’ll close this thread. Thanks anyway!

Exactly! Happy if the numbers are on the same line e.g. “Colour/Finish: Black” on the same line.

Thanks for the reply! Let me know if you need anything else.

The screenshot: snipboard.io/MF50uq.jpg

Thank you for your reply! I will reach out to them.

Hi Shameem!

Sorry about the screenshot, I thought I did.

Anyhow, the screenshot that you uploaded is exactly what I want it to look like! When I tried to put the above code into customising>additional CSS nothing changed. Not too sure why that is, do you have any ideas?

The full customising>Additional CSS code is:

.woocommerce-product-gallery__wrapper,
.woocommerce-placeholder.wp-post-image{
display: none !important;
}
{float: center}
/* Center align the form 4746094-zd / .product-page-container .product-summary { float: none !important; margin: 0 auto !important; } .woocommerce-product-gallery__wrapper, .woocommerce-placeholder.wp-post-image{ display: none !important; } .page-id-2142 .entry-title{ display:none; } @media ( min-width: 992px ) { .main-navigation ul.primary-navigation{ text-align: center; } } / Hide additional information tab */
li.additional_information_tab {
display: none !important;
}
.woocommerce-cart.cart-page-layout-1 .cart-collaterals {
float: none !important;
margin: 0 auto !important;
text-align: center;
}

/* Add a border around the cart table / .woocommerce-cart table.cart { border: 1px solid #ccc; / You can adjust the border style and color */
border-collapse: collapse;
width: 100%;
}

/* Optional: Add some padding to the table cells for spacing */
.woocommerce-cart table.cart td {
padding: 10px;
}

/* Add a border around the cart totals section / .woocommerce-cart .cart_totals { border: 1px solid #ccc; / You can adjust the border style and color / padding: 20px; / Add padding for spacing */
}

/* Add a border around the breakdown of items section / .woocommerce-cart .cart-collaterals .cart_totals table { border: 1px solid #ccc; / You can adjust the border style and color / padding: 0; / Reset padding */
}

Kind of but there are still some issues. I have added a screenshot below but to describe the issues:

1. The ‘subtotal’ heading is right against the border so that needs to be moved in etc.

2. The ‘Update cart’ button is right against the border so that needs to be moved in etc.

3. The ‘Coupon code’ box is right against the border so that needs to be moved in etc.

Thanks for the above article! The above didn’t quite work in my case, unfortunately. I would say the biggest issue with these individual product page customisations is the footer. If you look at the ‘normal’ pages the footer fits the screen size aka. increases or decreases depending on the screen. However, on the product pages the footer does not do this so I think it has something to do with the container but I’m not sure how to fix it. Any suggestions would be appreciated!

Thanks, that looks much better! Just one thing – the boarder is right up against the ‘subtotal’, ‘coupon code’, and ‘update cart’ sections which looks a bit funny. Is there a way to put a gap between them and the border? To visualise the above please add something to your cart and view the cart page. Thanks!

Thanks

Many thanks.

• This reply was modified 1 year, 3 months ago by birthma.

Thanks for that! Silly question but how do i make the white text black?