Removing Bullet from Dynamic Metafield text

Store Design
,
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