Hi,
That block is the product custom fields table, and the overflow is a CSS layout issue: the table (and its inputs/help texts) is wider than the column it sits in, so instead of wrapping it spills past the right edge and gets cut off. It is not a HikaShop setting, so the fix is a small CSS rule. It keeps the text at its normal size and simply makes it wrap and fit the available width.
Add this to your template custom CSS (often a user.css file, or a "Custom CSS" field in the template options):
Code:
.hikashop_product_custom_info_main_table {
width: 100%;
table-layout: fixed;
}
.hikashop_product_custom_info_main_table td {
overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
}
.hikashop_product_custom_info_main_table td.key {
width: 40%;
}
.hikashop_product_custom_info_main_table input,
.hikashop_product_custom_info_main_table select,
.hikashop_product_custom_info_main_table textarea {
max-width: 100%;
box-sizing: border-box;
}
Adjust the 40% if you want the label column narrower or wider. If the inspector shows a different container for your layout (for instance if you use the tabular product layout), right-click the overflowing text, choose Inspect, and use the class shown there instead of hikashop_product_custom_info_main_table.
