Product description section is too small, overruling the image below- how to fix that?

Store Design
,

Topic summary

Issue: On a Shopify product page (tonsure.eu), the CTA (call-to-action) button and size options overlap the second product image. The requester wants a customized product template box to keep all product text/content within a single, consistent box.

Proposed fix: Add CSS to the theme to constrain the product info area and prevent overlap.

  • Steps: Shopify Admin → Online Store → Theme → Edit code → open base.css/theme.css/styles.css/custom.css or theme.scss.liquid → append CSS.
  • Key rules: set .ProductItem .ProductItem__Info to transform: none and a white background; set .ProductItem__Info .info-bottom to full opacity. The code uses !important to enforce styles.

Evidence: A provided screenshot shows the product info contained in a white box without overlaying the image. The image is central to understanding the visual outcome.

Status: One proposed solution; no confirmation from the original poster yet. The thread appears open with the suggested CSS fix pending validation.

Summarized with AI on December 26. AI used: gpt-5.
1

Hi there

Can anyone help by designing a customized product template box, to keep all text in the same “box”. The problem is that now, the CTA button and sizze options is overruling and wriiten on the second image below- looks really bad.

Https://tonsure.eu is the homepage

Thanks

2

Hi @tonsurepeople ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.ProductItem .ProductItem__Info {
    transform: none !important;
    background-color: #fff !important;
}
.ProductItem__Info .info-bottom {
    opacity: 1 !important;
}

Here is result:

BSSCommerceB2B_1-1719137253820.png
BSSCommerceB2B_1-1719137253820.png1880×944 217 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you