Name	Size	Mode	Actions
borders.md	2463	0644	editdlrm
clearfix.md	916	0644	editdlrm
close-icon.md	365	0644	editdlrm
colors.md	2741	0644	editdlrm
display.md	3971	0644	editdlrm
embed.md	1916	0644	editdlrm
flex.md.gz	2852	0644	editdlrm
float.md	1706	0644	editdlrm
image-replacement.md	968	0644	editdlrm
interactions.md	814	0644	editdlrm
overflow.md	1006	0644	editdlrm
position.md	1415	0644	editdlrm
screen-readers.md	596	0644	editdlrm
shadows.md	740	0644	editdlrm
sizing.md	2179	0644	editdlrm
spacing.md	4043	0644	editdlrm
stretched-link.md.gz	1496	0644	editdlrm
text.md.gz	1537	0644	editdlrm
vertical-align.md	1279	0644	editdlrm
visibility.md	914	0644	editdlrm

--- layout: docs title: Image replacement description: Swap text for background images with the image replacement class. group: utilities --- {{< callout warning >}} ##### Warning The `text-hide()` class and mixin has been deprecated as of v4.1. It will be removed entirely in v5. {{< /callout >}} Utilize the `.text-hide` class or mixin to help replace an element's text content with a background image. ```html

Custom heading

``` ```scss // Usage as a mixin .heading { @include text-hide; } ``` Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text. ```html

Bootstrap

```