Search results for ""

Sorry, no results found. Perhaps you would like to search the documentation?
All Topics

ACF file fields not wrapping

I have two adjacent ACF file fields with long filenames and the names do not wrap as I imagine they should. Ideas?

4 years, 10 months ago
Stefan van den Dungen Gronovius

Since a URL is a long string this cannot be wrapped automatically into multiple lines by default in HTML.
The only way to alter that behavior is to change the CSS for that column.
Every ACF column has it’s own CSS class, so you could target the columns you need.
The following CSS allows you to break words / urls somewhere in the middle, but you’ll need to implement this CSS yourself for all of the columns where you want this to happen.

overflow-wrap: break-word;

4 years, 10 months ago

I will try this, but ironically when the page is first loaded the fields ARE wrapped for a second but then become unwrapped as if some js is making the change. The filenames are full of underscores which seem to be a breaking point for the wrapping.

4 years, 10 months ago

You must be logged in to reply to this topic.