Hi @nicholasdent
It seems like custom CSS is creating issue, this can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
/* Change product description font size on checkout page */
.woocommerce-checkout .nectar-split-heading h1 {
font-size: 22px;
line-height: normal;
}
.woocommerce-checkout .wc-block-components-product-metadata__description .row_col_wrap_12.col.span_12.dark.left {
min-width: 100%;
display: inline-block;
}
.woocommerce-checkout .wc-block-components-product-metadata__description .row_col_wrap_12 .vc_col-sm-6.wpb_column.column_container {
width: 100%;
padding: 0px !important;
}
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).
I inserted the code you sent and the text size decreased. Now i’m seeing a block of code in the description.
https://testbed.xobikes.com/wp-content/uploads/2023/02/xo-description.png
Hi @nicholasdent,
I have checked the checkout page, and it’s showing fine on my end, you can take a look at this screenshot: https://screencast-o-matic.com/i/c0nnoAVxvsn
Let me know if I am missing something important!
Plugin Support
Rynald0s
(@rynald0s)
Automattic Happiness Engineer
Howdy.
We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please start a new thread.
Cheers!