Removing Bullet from Dynamic Metafield text

Store Design
,

Topic summary

A user needed help removing bullet points from dynamic metafield text on product pages using the Minion theme.

Solution provided:

  • Add CSS code to the base.css file in the assets folder
  • The code targets .metafield-single_line_text_field and sets list-style: none and padding: 0

Follow-up request:
The user then asked how to display the label text (“Top:”) on the same line as the dynamic metafield content.

Additional solution:

  • Apply display: flex to .product__right-column-sticky .product__text__content
  • Add styling for font-weight and spacing adjustments
  • Include margin and padding resets for the metafield array elements

Outcome:
Both CSS solutions successfully resolved the formatting issues. The discussion concluded with the original poster expressing gratitude for the quick and effective assistance.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hello. I would like to remove the bullet point form the dynamic metafield text on my product pages. I am using the minion theme and a preview URL is https://x8jd9ekuq653jw1o-72959885629.shopifypreview.com.

joshwp_0-1689961961588.png
joshwp_0-1689961961588.png1338Ă—635 103 KB

2

Hi @joshwp

The website design is very cool and the products worth the design.

To fix the issue just edit the code and find base.css under assets and put below lines at the bottom of the file.

.metafield-single_line_text_field-array {
	padding: 0;
}
.metafield-single_line_text_field {
	list-style: none;
}

Then, it’ll look like below.

Sheesh_b_0-1689962806359.png
Sheesh_b_0-1689962806359.png776Ă—606 27.1 KB

Thanks

Sheesh B

1 Like
3

@Sheesh_b That worked perfectly! Thank you for the fast response and help! Would you by chance know how I could get the text “Topic:” to be on the same line as the dynamic text?

joshwp_0-1689964249457.png
joshwp_0-1689964249457.png1009Ă—583 37.8 KB

4

Are you looking for like below?

Sheesh_b_0-1689964243444.png
Sheesh_b_0-1689964243444.png758Ă—613 19.3 KB

1 Like
5

Yes, exactly like that!

6

Hi @joshwp

Kindly paste the below code at the bottom of base.css

.product__right-column-sticky .product__text__content {
	display: flex;
}
.product__right-column-sticky .product__text__content p {
	font-weight: 700;
}
.metafield-single_line_text_field-array {
	padding: 0;
	margin: 0;
	padding-left: 5px;
	margin-top: 1px;
}

It’ll look like below:

Sheesh_b_0-1689964686875.png
Sheesh_b_0-1689964686875.png707Ă—618 68.7 KB

Thanks

Sheesh B

1 Like
7

Thank you so much! You have been an amazing help!

1 Like