Product description section is too small

Store Design
,
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 , you can follow these steps:

Step 1: Access the theme editing section

In the admin panel, select “Online Store” from the left navigation bar. In the “Themes” section, you’ll see your store’s current theme. Click the “Customize” button to open the customization interface.

Step 2: Open the theme source code editor

In the top right corner of the Customize page, you’ll see a button with a three-dot icon (⋮). Click on it. Select “Edit code” from the drop-down menu.

Step 3: Edit source code

The source code editor will open, allowing you to edit the theme files. Select the “base.css” file or “theme.css” file and paste the CSS code below at the bottom:

.Product__InfoWrapper .Product__Info {
    padding-top: 0px; 
}

Here result:

BSSCommerceTA_0-1719132334827.png
BSSCommerceTA_0-1719132334827.png1232×714 454 KB

If it works please choose my answer as the solution. Thank you.

3

@tonsurepeople ! Does the CSS I provided help your header bar stick to the top edge of the page frame? If it worked please choose my answer as the solution. Don’t hesitate to ask more questions.

Thank you very much.

4

Thank you- it worked fine :+1: :blush:

5

Thanks for your answer. However, there is nothing called base.css or theme.css?

6

@tonsurepeople , my bad, it should be “theme.scss.css”

7

I am not sure if it worked. On the stationary computer it looks okay both before the code, and now, but on the laptop version of the webshop, after applying the code, doesn´t work.

8

Thank you- it worked fine :slightly_smiling_face: