Skip to main content
All CollectionsFine Tuning your Site >>Working on Site Design
How To: Increase the Height of the Custom Medium Selections on Your Live Site
How To: Increase the Height of the Custom Medium Selections on Your Live Site
Nick avatar
Written by Nick
Updated over 6 years ago

Sometimes customers will name their mediums with longer than normal descriptions. This article will help break down how to increase the medium selection options to better fit longer descriptions. See the image below of the site that we are using to showcase this issue:

0.png

Notice how the text, Medium description that is too long to fit is extending past the boundary of the box it is in. To extend those boxes we will need to follow these steps:

1. Go to your Art Storefonts control panel and click on Theme.

1.png

2. Locate your active theme (it will have a green box around it), and click on the edit button.

2.png

3. On the following page click on Start Editing.

3.png

4. Scroll down and click on the CSS tab.

4.png

5. Enter in the following code:

.medium-height { height: [YOUR DESIRED HEIGHT]px; }

5.png

6. You will need to change [YOUR DESIRED HEIGHT] to whatever pixel height works for you. In this example we will use 115px. So in this example our code would end up looking like this:

.medium-height { height: 115px; }

Please note that the default pixel height is 88px, so your desired height will probably end up being somewhere around 100px.

6.png

7. Click on Save.

7.png

8. Your medium text should now be contained in the box without any words spilling out.

8.png
Did this answer your question?