Contact Form 7 link from button class

  • Resolved kgpetersen

    (@kgpetersen)


    11 years, 2 months ago

    Hi there,
    I am trying to follow the instructions to load a pop-up contact form 7 contact form. However, I am trying to use a button class as the link and I cannot work out how to adjust the code to make it work.

    My site is http://ammache01.kpwebservices.com.au/.
    The button is the “40 Tips for buying an apartment” “Read Now” button.

    I’m very much a beginner so any help would be appreciated.
    Please let me know what information you need for me.

    Cheers,
    kp

    https://wordpress.org/plugins/easy-fancybox/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Rolf Allard van Hagen

    (@ravanh)

    11 years, 2 months ago

    Hi, it looks like it’s working. Did you resolve the problem or are you trying to do something else?

    Thread Starter kgpetersen

    (@kgpetersen)

    11 years, 2 months ago

    Hi, thanks for responding.
    I did actually work it out.
    I didn’t do anything different. I think I must have just had a typo or something as I re-typed the code and it worked.

    parlenor

    (@parlenor)

    11 years, 2 months ago

    Hi!
    I have the same problem. How can i open cf7 with button instead of text link?
    Thanks)

    Rolf Allard van Hagen

    (@ravanh)

    11 years, 2 months ago

    Hi parlenor, just take a look at the source code of the page that kgpetersen linked to. It shows the button was made with:

    <a href="#contact_form_pop" class="fancybox-inline orange-btn">Read Now</a>

    in the page source or text widget. Then with some style rules to make the link look like a flat button:

    .orange-btn {
  background: #F7941E;
  color: #FFF;
  padding: 7px 17px;
}

    Very simple really.

    You might need to add some other rules to make it look good with your theme though…

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Contact Form 7 link from button class’ is closed to new replies.

Tags