Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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!

    View post on imgur.com

    #942330

    Hey 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,
    Mike

    #942528

    Hi 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!

    View post on imgur.com

    View post on imgur.com

    #942863

    Hi,
    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,
    Mike

    #943053

    Thank 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.
    #943101

    Hi,
    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,
    Mike

    #943750

    Thank you, this is now solved

    #943797

    Hi,
    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘adding modal button doesnt work’ is closed to new replies.