Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I am using EasyFancybox plugin via my website. It is used for images and also for Contact Form 7 form that is also displayed in fancybox on button click.

The problem is that I need to position the fancybox for contact form. By default it appears in the center of page, but this is not what I need for contact form, but this is what I need for images only.

How to position EasyFancy box just for Contact Form?

How to stlye EasyFancy box just for Contact Form?

The website is here: http://dev.metolat.lv/ (see red Contact Us button on right top corner, it should load fancy box in the center of page, but I need it near by this button)

This is the code how I add contact form into the page:

<a href="#contact_form_pop" class="fancybox button">Contact Us</a>                                        
<div style="display:none" class="fancybox-hidden">
    <div id="contact_form_pop">
        <?php echo do_shortcode('[contact-form-7 id="257" title="Contact Form in Header"]'); ?>
share|improve this question
It seems you've already solved the problem yourself and you should provide an answer. –  Martin Metsalu Aug 27 '13 at 16:29

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.