Use this code...
div.fp-slideshow .readon {
font-size: 0;
}
div.fp-slideshow .readon:before {
content: "BOOK NOW";
font-size: 2rem;
}
There are lots of form builders including RSForms, Chronoforms, Fabrik - and you can restyles all of them (including the one you have now) using custom CSS.
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark.
The following users have thanked you: coreEdge