-
AuthorPosts
-
April 15, 2018 at 8:40 pm #942283
hello,
Hereis my homepage i am trying to add the modal button: https://rdapsentencereduction.com
i am trying to create modal button pop-up window with contact form based off this topic:
https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
im not good at this stuff and i dont know what im doing wrong, see attached photo. I want the button to look like the yellow button, instead it’s the white button after I add the codes in custom code block in ALB, functions.php, and custom CSS. Also, once i press the white button nothing happens.
I’ve attached my WP LOGIN in private area. Please help!
April 15, 2018 at 10:58 pm #942330Hey zohar2014,
There was an error in your functions.php code, I corrected and it now works.
I also added the correct background color and added this to make the text white:.white-popup a,.white-popup a:hover { color: #ffffff; }
Please check.
Best regards,
MikeApril 16, 2018 at 12:00 pm #942528Hi Mike,
Thank you for your assistance. I was further able to make the new modal button look like the original button, but i am missing the icon arrow, how can this be added? (see attached photo).
Also, how can i change the color and size of the contact form title text in the modal popup? (see attached photo)
Thanks!
April 17, 2018 at 2:29 am #942863Hi,
I added this code to your button to add the arrow:<span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
To change to title of your popup, please add this code to your General Styling > Quick CSS field, in this example code the color is white, and the font-size 30px:
.white-popup h3 { color: #fff !important; font-size: 30px !important; }
Please adjust to suit.
Best regards,
MikeApril 17, 2018 at 11:23 am #943053Thank you!!!
one more thing:
is there a way to change the popup modal link to be something else, right now once popup pressed it shows:
rdapsentencereduction.com/#test-popup
can it just be:
rdapsentencereduction.com/#free-consultation- This reply was modified 6 years, 8 months ago by zohar2014.
April 17, 2018 at 1:58 pm #943101Hi,
Please try changing the code in your code block in the two places that “test-popup” are, the link & the ID:<a href="#test-popup" <div id="test-popup"
they both must match, notice one has the # and the other don’t
Best regards,
MikeApril 18, 2018 at 7:58 pm #943750Thank you, this is now solved
April 19, 2018 at 12:34 am #943797Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike -
AuthorPosts
- The topic ‘adding modal button doesnt work’ is closed to new replies.