0
Welcome Guest! Login
0 items Join Now

Changing Read More button to Book Now

    • coreEdge's Avatar
    • coreEdge
    • Sr. Rocketeer
    • Posts: 100
    • Thanks: 0

    Changing Read More button to Book Now

    Posted 8 years 4 months ago
    • Hello I am building a website with a form to book appointments and rather than say Read More I want it to say Book Now for one instance in the RokSpocket P1 Animation.

      The website is cleanme.ae its live. The from is bland I want it to look better. Can you please recommend a form that is prettier than Ninja Forms?
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Changing Read More button to Book Now

    Posted 8 years 4 months ago
    • 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

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.

Time to create page: 0.058 seconds