If you are experiencing issues with the spacing between text and a floated image see our section on images with text.įirst check to make sure that you do not have an extra return between the hide-reveal-trigger heading div and the hide-reveal content div. If the Hide-Reveal is not working or doesn’t look right there are two known issues which could be the cause. To apply headings and other styles to a trigger or the content that is hidden apply the hide and reveal styles first and then apply all other styles. Apply Semantic StructureĪny trigger, no matter what the semantic heading level, is supposed to look the same. Only when viewing the page will the content be hidden and revealed. You will not see the change in the editing interface. Type hide-reveal to the pop-up form’s Stylesheet Classes field and click OK.Click on the the Create Div Container button again.It can include headings, images and other types of content. Select all of the content you wish to hide.Type hide-reveal-trigger to the pop-up form’s Stylesheet Classes field and click OK.Click on the the Create Div Container button.It can be normal paragraph text or a heading. To do this you will use the Create Div Container button. hide-reveal-trigger, to the clickable text.To use this feature you will need to apply two classes: This feature can be very helpful on long FAQ pages and other similar content.
Click the heading again and the text once again disappears. Hide/Reveal, sometimes referred to as Accordions, are a visible text link that when clicked reveals hidden text on the page. Best Practices Using a Rich Text Editor.Sidebar: Related Content, Cross-Promote, Add Value.Create, Publish, Edit, Unpublish, Delete.Editor Access, Workflow, Approvals & Roles.
0 kommentar(er)
