<div class="w-container">
<div class="c-rte w-richtext">
<h2>Example Rich Text element</h2>
<p>This code uses jQuery. Wrap the JS in a script block
and place in the Webflow page / template settings -> before body close. Make sure you update the class selectors if you use something different.</p>
<p><a href="/listing/accusantium-quis-facere-magnam">Internal Link in Empty Paragraph</a></p>
<h4>Static and dynamic content editing</h4>
<p>A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text <a href="/listing/accusantium-quis-facere-magnam"> Internal Fake Link </a> field
to any collection and then connect a rich text element to that field in the settings panel. Voila!</p>
<h4>How to customize formatting for each rich text</h4>
<p>Headings, paragraphs, blockquotes, figures, images, and figure captions <a href="https://www.duckduckgo.com"> External Link </a> can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.</p>
</div>
</div>
/* Webflow default breakpoints */
@media screen and (max-width: 991px) {
/* Your responsive CSS */
}
@media screen and (max-width: 767px) {
/* Your responsive CSS */
}
@media screen and (max-width: 479px) {
/* Your responsive CSS */
}
/* style your button class in the designer */
.c-rte-button{
font-weight: 400;
color: #fff;
text-decoration: none;
border-color: #007bff;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #007bff;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.c-rte-button:hover{
background-color: #4998ed;
}
View Compiled