[chelseakleinsasserParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add a page and insert contact form there, then add page’s URL in button’s href field.

<a href="http://yoursite.com/contact" class="lightbox-selector">Spanish</a>

Hope it helps.

[dhoward9Participant]

This reply has been marked as private.

[RupokMember]

Hi @dhoward9

Sure. You can consider this as closed.

Cheers!

[chelseakleinsasserParticipant]

Yes, I have figured it out.
Thank you.

[FriechModerator]

Glad you sorted things out.

Cheers!

[ragraveParticipant]

Hi,

I tried to add this code.
<div id=”my-content” style=”display:none;”>
[contact-form-7 id=”627″ title=”Contact Modal”]
</div>

Click Me

[lightbox selector=”.lightbox-selector”]

However, when I click the button, I just move up a little bit. No popup, windows, or form appeared.

Here is the link to the page.
http://www.rentspree.com/en/incoming-students/

[ChristopherModerator]

Hi there,

The form is displaying fine, please see the attachment.

Please clear cache and check again.

Thanks.

[tparkmediaParticipant]

Hello,

I’ve followed the instructions here to create the pop-up form but there a few things I can’t figure out.

1. The label font is too big. I put in different variations of following code in my css but it’s not doing anything.

form.wpcf7-label {
font-size: 12px !important;
}

2. The box size is long and rectangular. I’d like the sizing of the box to look more like this screenshot:

https://snag.gy/5Gkxb8.jpg

3. Also, when you look at the screenshot. Their pop-up, which is triggered by clicking on the button, pops out to the lower left section of the window. The pop-up stays there and you still have complete control of the parent page. Is this something you guys can help with? It looks like a lot of customization but thought I’d give it a shot and at least ask 🙂

Here’s their page: http://www.footcardigan.com/faqs-contact

Thanks for the great theme and support!!

[Paul RModerator]

Hi,

Upon checking, I can no longer see the button in the page you have provided.

Can you create a test page and add your button, then send us the link to that page.

Thanks

[tparkmediaParticipant]

http://desqtopappraisals.com/

It’s still there. IF you click “FAQ/CONTACT” in the menu bar, it’ll scroll down and it’s the “CLICK HERE TO CONTACT US “button

Sorry, I just realized in my original question I didn’t provide any of my site info or a link.

Thanks!

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

form.wpcf7-form p {
    font-size: 14px;
    margin-bottom: 0;
}
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
    line-height: 70%;
}

#3 Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope that helps.

[tparkmediaParticipant]

Thanks for the code!

The font change was all that was needed. The box size adjusted itself with the font change.

[FriechModerator]

Cool, we’re delighted to assist you with this.

Cheers!

[Author]

Posts