Simple Read Toggle
$0
Description
Simple Read Toggle deliberately avoids complex settings screens and styling, focusing solely on performing the basic open/close action reliably. By eliminating unnecessary processing, it delivers predictable behavior and minimizes conflicts with themes and other plugins. Visual styling is intentionally left to your theme or custom CSS.
Only the End Collapse feature optionally assists with repositioning after closing, helping readers avoid losing their place on long pages. It does not perform intrusive or forced scrolling that would disrupt normal reading.
For those who want simple, dependable behavior, this plugin offers a highly practical and easy-to-use solution.Read More
/* Custom example: link underline styling */
/* 0) Remove underline from the anchor */
a.toggle-read-link {
font-size: 80% !important;
margin-left: 3px;
text-decoration: none !important; /* not needed if your theme doesn’t underline links */
}
/* 1) Underline the label text only */
a.toggle-read-link .tglread-label {
text-decoration-line: underline !important;
}
/* 2) Do not underline symbols (safety rule) */
a.toggle-read-link .tglread-prefix,
a.toggle-read-link .tglread-suffix{
text-decoration: none !important;
}
/* 3) Arrows (closed: › / open: ‹) */
a.toggle-read-link[data-role="top"][data-state="closed"] .tglread-suffix::after{
content: " ›";
text-decoration: none !important;
}
a.toggle-read-link[data-role="top"][data-state="open"] .tglread-prefix::before {
content: "‹ ";
text-decoration: none !important;
}
/* 4) End link (Collapse): custom example */
a.toggle-read-link[data-role="bottom"] .tglread-prefix::before{
content: "‹";
text-decoration: none !important;
display: inline-block;
margin-right: .5em;
transform: rotate(90deg) translateX(-0.25em) !important;
transform-origin: 50% 50%;
vertical-align: middle;
}
Only logged in customers who have purchased this product may leave a review.
Reviews
There are no reviews yet.