Toggle Font Change

Tagged: font, pricing table, toggle

This topic has 5 replies, 5 voices, and was last updated 4 years, 3 months ago by Anonymous.

Viewing 6 posts - 1 through 6 (of 6 total)

Author
Posts
September 9, 2018 at 13:25 #19731

leewebber
Participant
I am trying to change the font type and have had success using inspector. However, the only CSS it is showing is
Style Attribute {
it is not showing me the CSS code I would need to copy and paste into the edit CSS. Any help with this would be much appreciated.
September 10, 2018 at 13:24 #19770

Ole_Support
Keymaster
Hello, Leewebber
Thank you for contacting us regarding your question.
In our PRO plugin there is already a feature – Toggle
https://supsystic.com/documentation/switching-toggle-option-pricing-table-plugin/
You can change the text for the desired toogle.
Example – http://prntscr.com/ksmi6c
October 10, 2018 at 06:43 #20132

bafrench
Participant
I don’t think that really answers the question. I am running into the same problem. There is no option, even with the Pro version, of changing the font of the Toggle “Text” or the “Switch name”. You can change the text color of the Toggle “Switch name”, but you cannot change the size via configuration. For the Toggle “Text”, it does not appear you can change either the color or the text size. Please advise if you have an example of doing this via CSS or some other method.
October 17, 2018 at 12:57 #20165

Ole_Support
Keymaster
Hello, @bafrench
In the plugin there is no such possibility at the moment. Keep for updates. We will consider adding such functionality to our plugin.
Best regards,
https://supsystic.com
Ole
February 9, 2019 at 22:48 #21284

layden.jp
Participant
Hi,
Any news on this? I’d like to change the font of the toggle switch.
Thanks
February 13, 2019 at 18:38 #21294
Anonymous
Inactive
Hello,
Sorry for really long response.
To change the color and font size of text above toggle please add this CSS rule into “Additional CSS” in your theme’s settings
```
.ptsSwitchHeader{
	color:  #FF0000!important;
	font-size: 25px !important;
	
}
```
To change the color of toggle items text please use “Button text color” setting in Toggle settings.
https://www.dropbox.com/s/bozszp7o0c4xj2o/Screenshot_8.png?dl=0
Please purge all website’s caches and clear browser’s cache after saving settings before checking results.
Best regards,
https://supsystic.com
Dante
Author
Posts