No email capture + button customization

Posted by: EmilioLC

26th January 2019, 12:36 am

EmilioLC

@EmilioLC

26 Jan 2019
12:36 am

Hi,

I've just installed my pro version setting everything, included the email tracking directly connected with a specific list on Mailchimp.

However, when I click on "Free Download" button on the shop page it goes directly on the file, without asking for user's email.

How can I solve it?

Furthermore, I'd like to center the button within the product's box.

Here's the link where you can check --> https://www.nilasphere.com/shop/

Regards,

Emilio

  • Developer
    Richard Webster

    @rwebster

    26 Jan 2019
    9:20 am

    Hi Emilio you haven't ticked the box to show the email capture form to registered users, which is why you're not seeing it. I've just tried as a guest and it works as expected.

  • EmilioLC

    @EmilioLC

    26 Jan 2019
    12:48 pm

    Hi Richard,

    thanks for the quick answer.
    It solved the issue, now I can see the form.
    However, the image banner overlap the upper part of the form, so I can't see the "Name" field which is required.

    Do you have a tip to solve it and also to align the "Free Download" button to the center?

    I add screenshots to better understand the problem.

    Thanks.
    Regards,

    Emilio

    Shop Image

    Mail capture

  • Developer
    Richard Webster

    @rwebster

    26 Jan 2019
    1:05 pm

    Hi mate when I can get on a machine I'll help you with some custom CSS.

  • EmilioLC

    @EmilioLC

    26 Jan 2019
    4:22 pm

    Sorry man, I didn't get it

  • Developer
    Richard Webster

    @rwebster

    26 Jan 2019
    11:20 pm

    Been out with family today but I'll put something together for you tomorrow.

  • EmilioLC

    @EmilioLC

    26 Jan 2019
    11:24 pm

    Oh, no worries! It's not urgent, but mandatory to solve. I'll do some researches in the meantime and close the thread if I'll figure out something.

    Thanks for your patience.

  • Developer
    Richard Webster

    @rwebster

    26 Jan 2019
    11:46 pm

    Happy to help mate just been busy 🙂

  • Developer
    Richard Webster

    @rwebster

    27 Jan 2019
    6:36 pm

    Ok mate give this custom CSS a try for the header:

    body.somdn-capture-email-open header.page_header {
    	z-index: 100;
    }
    body.somdn-capture-email-open div.title_outer .title {
    	z-index: 100;
    }

    And try this for your shop page button alignment:

    .somdn-download-wrap .somdn-archive-download-form.somdn-download-form {
    	padding: 15px!important;
    	text-align: center;
    }
  • EmilioLC

    @EmilioLC

    27 Jan 2019
    8:59 pm

    That worked perfectly!

    Thanks Richard, so kind of you 🙂