+2Hi all,
I changed my next and back buttons to text, which added in < and > symbols, e.g. “next >”. I now want to change them back to the default arrows but when I paste in an arrow → it still has the > symbol. There does not seem to be an option to restore the button defaults without restoring all of the theme changes.
How can I remove the >?
Thanks,
Leon
Best answer by Deepak
Yes, I’m using simple layout. I’ve only changed the primary and secondary colours, added in a header, and created some CSS that I use for the question styling only.
The > < which you see is a part of default simple layout. You can use below custom css to remove it.
#navigation #next-button svg {
display: none;
}
#navigation #previous-button svg {
display: none;
}Also add → ← these arrows in place of Next-button and Back button you should have desired layout.
Hope it helps!
+35I just tried it. It worked for me by just deleting the entire text in the “Next Button Text” field. The default arrow then appeared automatically.
+20Worked for me also . I think you have to apply the changes and publish the survey again
+2Thanks for the replies. For some reason, it is not working for me. When I delete everything from the Next Button Text box, the text defaults to “Next Page”, like in the image below, but it acts like grey text, i.e. I can’t delete all or part of it. If I start typing it disappears.
Is it possible that there is some kind of style code that I’ve messed with somewhere?
+44Thanks for the replies. For some reason, it is not working for me. When I delete everything from the Next Button Text box, the text defaults to “Next Page”, like in the image below, but it acts like grey text, i.e. I can’t delete all or part of it. If I start typing it disappears.
Is it possible that there is some kind of style code that I’ve messed with somewhere?
Have you used simple layout?
+2Yes, I’m using simple layout. I’ve only changed the primary and secondary colours, added in a header, and created some CSS that I use for the question styling only.
+44Yes, I’m using simple layout. I’ve only changed the primary and secondary colours, added in a header, and created some CSS that I use for the question styling only.
The > < which you see is a part of default simple layout. You can use below custom css to remove it.
#navigation #next-button svg {
display: none;
}
#navigation #previous-button svg {
display: none;
}Also add → ← these arrows in place of Next-button and Back button you should have desired layout.
Hope it helps!
+2Yes, I’m using simple layout. I’ve only changed the primary and secondary colours, added in a header, and created some CSS that I use for the question styling only.
The > < which you see is a part of default simple layout. You can use below custom css to remove it.
#navigation #next-button svg {
display: none;
}
#navigation #previous-button svg {
display: none;
}Also add → ← these arrows in place of Next-button and Back button you should have desired layout.
Hope it helps!
Perfect! Thanks so much :)
+19I got the code to work to remove the < > but no back button??, It’s working for the next button but not displaying the back button. Any suggestions?
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.