Change Toggler Text

This forum is for all Flare issues not related to any of the other categories.
Post Reply
bangmaster
Propeller Head
Posts: 91
Joined: Wed Jul 01, 2015 3:52 pm

Change Toggler Text

Post by bangmaster »

I set up a toggler to display "Read More..." which toggles additional text to display. However, when the additional text appears, the "Read More" text still appears. Does anyone know of a way to change toggler text to something else like "See Less..."?

The following image shows what I'm talking about.
Toggler_Text.png
Even when the text is expanded, "Read More..." still appears.

Any help would be appreciated. Thank you.
You do not have the required permissions to view the files attached to this post.
BedfordWriter
Sr. Propeller Head
Posts: 217
Joined: Wed Jun 23, 2010 10:13 am
Location: Nova Scotia

Re: Change Toggler Text

Post by BedfordWriter »

Your question has been asked before...
viewtopic.php?f=9&t=28903&p=126516

In addition to the answer there, you might try replacing the arrow images for the open and closed states with ones that have the text you want.
NorthEast
Master Propellus Maximus
Posts: 6359
Joined: Mon Mar 05, 2007 8:33 am

Re: Change Toggler Text

Post by NorthEast »

Replacing the text will need some code, but you could add text to the link using just CSS.

Code: Select all

div.MCDropDown_Closed > span > a.MCDropDownHotSpot::after
{
	content: " (read more)";
}

div.MCDropDown_Open > span > a.MCDropDownHotSpot::after
{
	content: " (see less)";
}
bangmaster
Propeller Head
Posts: 91
Joined: Wed Jul 01, 2015 3:52 pm

Re: Change Toggler Text

Post by bangmaster »

@ Bedford Writer. That's exactly what I need but I'm just coming up to speed on code. I see the code, but are there any instructions on how to set it up?
Post Reply