Dawn Theme: How to implement Featured Collection Product Titles One Line

Store Design
1

Hi There!

I’m trying to make the headings on my featured collection one line in length.

I’ve tried to find the theme.css to implement the following code, but it doesn’t work where I’m trying to put it

.product-item__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Can someone help with the Dawn theme?

2

Hello there

Please provide your website link so that I can check then try to fix your problem.

Thank you

3

Hi there!

Threesirens.co.uk

4 
.card__heading {
	margin-top: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 202px;
}

You can try that code

1 Like
5

Hi There!

Although this has worked, I’m struggling to get theellipsis to activate, it seems to cut off before they do, and if I increase the max-width any more, mobile view gets thrown out. any advice would be amazing! :slightly_smiling_face:

6

Hello there

Sorry for the late response. Can you share some screenshots for a clear understanding?