Go one step further with our solutions for creating an intuitive, personalized experience.
Control the alignment of the text in your project.
Text cropping, being often necessary, is available using the text_ellipsis class.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque temporibus dolores, est odit saepe incidunt ratione dolor dignissimos excepturi exercitationem! Optio repellendus numquam, a cupiditate repudiandae saepe corrupti nihil consectetur?
<p class="text_ellipsis">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque temporibus dolores, est odit saepe incidunt ratione dolor dignissimos excepturi exercitationem! Optio repellendus numquam, a cupiditate repudiandae saepe corrupti nihil consectetur?</p>
Go further by adding --[R] at the end of the classes to adapt the behavior of the text to the different media.
Lorem, ipsum dolor sit amet.
<p class="text_right--d">Lorem, ipsum dolor sit amet.</p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque temporibus dolores, est odit saepe incidunt ratione dolor dignissimos excepturi exercitationem! Optio repellendus numquam, a cupiditate repudiandae saepe corrupti nihil consectetur?
<p class="text_ellipsis">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque temporibus dolores, est odit saepe incidunt ratione dolor dignissimos excepturi exercitationem! Optio repellendus numquam, a cupiditate repudiandae saepe corrupti nihil consectetur?</p>
Lorem, ipsum dolor sit amet.
<p class="text_right--d">Lorem, ipsum dolor sit amet.</p>
| Class | Definition |
|---|---|
| text_left | text-align : left !important. |
| text_center | text-align : center !important. |
| text_right | text-align : right !important. |
| text_justify | text-align : justify !important. |
| text_ellipsis | Add "..." when the sentence is cut off. |
| text_left--[B] | text-align : left !important; (at breakpoint [B]). |
| text_center--[B] | text-align : center !important; (at breakpoint [B]). |
| text_right--[B] | text-align : right !important; (at breakpoint [B]). |
| text_justify--[B] | text-align : justify !important; (at breakpoint [B]). |
| text_ellipsis--[B] | Add "..." when the sentence is cut off; (at breakpoint [B]). |
Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!
Cookie settings