One more button

Hi bnabil,

When you create/edit your popup content switch to Text editor and add this code:
<div class="wph-modal--close"><a class="wph-icon custom-button" href="">Close</a></div>
After that switch to Visual mode and scroll down Custom CSS section, enable Custom CSS and add this CSS code there:

a.wph-icon.custom-button {
    font-family: "Arial"!important;
    cursor: pointer;
}

Save the settings and you should now have close link and you can use CSS to further style it.

Cheers,
Predrag

Hi @predrag,

Thanks alot for your reply.

I need it to be on the footer not in the content itself,also i want to count the users who clicked “Close” button and who clicked the other call to action button which in my case called “Order Now” which will direct to another url.

Thanks in advance.

Basma

Hi Basma,

You can try using position: absolute attribute and then position your close button pretty much wherever you want.

For example add another class after wph-modal–close so you end up with something like this:
<div class="wph-modal--close class-for-positioning"><a class="wph-icon custom-button" href="">Close</a></div>

And then position it like this:

.class-for-positioning {
    position: absolute;
    bottom: 0;
    left: 0;
}

also i want to count the users who clicked “Close” button and who clicked the other call to action button which in my case called “Order Now” which will direct to another url.

I’m afraid that Hustle doesn’t have an option to count clicks on custom elements, you may need some custom development in order to accomplish this.

Cheers,
Predrag

Thank you for using Custom Sidebars. I am going to mark this topic resolved. If this solution did not work for you we can reopen it. Thanks again!