Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 15, 2018 at 5:09 pm #1034038
    bcgallaher

    Hi,

    I would like to add a button that says Donate Now to the home page. The button should display on the bottom right corner of the home page and be fixed as you scroll down the page. I have tried a few plugins but they don’t just display the button but a popup window with the button inside. Any suggestions of plugins or code?

    Thanks,
    Ben

    November 16, 2018 at 6:31 am #1034293
    Rikard

    Hey Ben,

    We need to be able to see the results you are getting in order to help you out.

    Best regards,
    Rikard

    November 16, 2018 at 7:27 pm #1034555
    bcgallaher

    Sorry I removed the plugins I was using. I just want add something about the size of the large button that only displays on the home page in the bottom right corner. I would like it to be fixed in that position if you scroll down the page. I took over a website and it had this functionality using a different theme or plugin but I am not sure what they were using. I love Enfold and have used it on many website. I haven’t come across this this feature on Enfold and was wondering if someone knew a plugin that is compatible or some code that would work.

    November 21, 2018 at 12:20 pm #1036007
    Ismael

    Hi,

    Thanks for the update. Use this filter to add a new element below the header.

    add_action('ava_after_main_container', 'ava_after_main_container_mod', 10);
function ava_after_main_container_mod() {
    echo '<div class="fixed-donate-button">DONATE</div>';
}

    You can then target that class attribute to set the container as a fixed element in the browser.

    .fixed-donate-button {
    position: fixed;
    right: 10%;
    bottom: 10%;
    z-index: 1000;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.