scott74

I fugured this out. Needed to add 0 in the subscription of the variant.

Ah, thank you very much. Just wanted to be sure that never changed as I’m heavily reliant of the customer using that ID in an app I licenesed. They need to enter that in the app so that we can go look up teir current subscription package through the woo commerce API.

Th;anksk for the TIP.

Thanks so is user ID the same as customer ID? I did find a setting in elementor that inserts user ID but did not know if that walways coorelates with cusetom ID and need to be sure ss the users need to copy their customer ID and enter it into a applicatication I use to authenticate them

Thanks for the help..

PS>> your php code above that just goes anywher on a page and will render out of you have to coy the dashboard.php file over to a child theme?

How is the license key delivered to the user then after they purchase?

Perfect thank you. That works great and eliminated the need to guess all the media quires for aligning it on different devices.

One last question if you could give advice. I have a icon sitting on top of the form right now. I created a div around the whole form to place it. Would targeting the actual md form container be more reliable for the position of it?

I think to make it show above the form you have to apply enough top padding on the form to use it as a form background.

Reason Ii want to keep inside the form code is that I have a second form that is revealed by java script after the first one is filled in to gather more of the users info and if the image is not inside the form it stay when the second form is revealed and looks a little out of place..

If I can find a way to keep it inside the form, it would disappear when the first form is filled out.Thank you very much again for helping figure that out. The form looks great and no media quires needed for the button.

https://www.loom.com/share/bfd8fe1bc9214783a68bf5bf1d6c48d8

Weird thing is though is that I have to give that increase in – top margin on the button for the tablet and phone but those same pixel dimensions on a desktop them make the button to high…. stumped.

https://www.loom.com/share/31d8734ee33e4f23953208abbd8ee33c

AHH… I had max for the submit button but had 11,7, and 3 for the email field….
This has been a doozy to get working on all devices correctly…

For some reason I had to increase the min-height of button on mobile and the negative top margin of it.

Only thing not working and not a huge deal unless the email if long is the padding right on the email field works when you shrink the screen down on desktop to simulate smaller screen but on the actual phone the verbiage extends all the way to the end under the join now button as if its ignoring the padding.

Current Code Here

[md-form spacing="tight"]
[md-text label="Enter you Email Address" icon="" desktopwidth="12" tabletwidth="8" mobilewidth="4"]
[email* email-785 id:firstFormEmail class:yourEmail]
[/md-text]

[md-submit desktopwidth="1" tabletwidth="1" mobilewidth="1"]
[submit class:submit1 "JOIN"]
[/md-submit]

[md-raw]
<p style="margin: -20px 10px 0; font-size: 14px;">Receive exclusive offers from Tequila's</p>
[/md-raw]

[/md-form]

Website.
Thanks again for your help….

One little hiccup see if you can help me with. When this CSS is applied it seems to want to shorten the email width on the right side and keep if from expanding the full width of the mobile screen.

I attached some images with my theme section full width and the CSS turned off and with it turned on.. Since its just overlaying , not sure why it would shorten the email input field.

Screen shot of gap here

Page set to full width and CSS on here

Page set to full width and CSS off here

CSS code being used here

Thank you again for your help

• This reply was modified 4 years, 7 months ago by scott74.
• This reply was modified 4 years, 7 months ago by scott74.

Thanks.. that worked… Would a use quires with same CSS for each start device?

This works on desktop.. Wanting to make same for tablet on mobile…

 #wpcf7-f268-p269-o1 .cf7md-submit {
    grid-column-start: 12;
  }

  #wpcf7-f268-p269-o1 .submit1 {
    margin-top: -98px;
    min-height: 56px;
    margin-left: 5px;
    border-radius: 0px;
  }

  #wpcf7-f268-p269-o1 input[type="email"] {
    padding-right: 100px;
  }

• This reply was modified 4 years, 7 months ago by scott74.

***Upsate Post Here ** After further exploring this it looks like its because I am using 3 for the email form and 1 for the submit so that the plugin puts them side by side, so the3 settings is shorting up the email field even though I am overlaying the submit with a negative left margin. Any suggestion on being able to set the email field to 4 on mobile and still overlay the submit button on the far right of it so I an take advantage of the full mobile screen.. Thank you for your help..

** Original Post Here ****
Thank you.. it works side by side now.
I made my template full width for that area which brings it over to the left right to the edge but there is a big gap on the right and would like to take advantage of the screen.

Can you tell me what I am missing here?

https://www.loom.com/share/f8ef9de1263c489f91f3d00b45bd569f

https://tequilamex.com/home-2/

Thank’s Scott

********** Form Code **************
[md-form spacing=”tight”]

[md-text label=”Email” icon=”” desktopwidth=”10″ tabletwidth=”6″ mobilewidth=”3″]
[email* email-785 id:firstFormEmail class:yourEmail]
[/md-text]

[md-submit desktopwidth=”2″ tabletwidth=”2″ mobilewidth=”1″]
[submit class:submit1 “<i class=’material-icons’>arrow_right</i>”]
[/md-submit]

[/md-form]

• This reply was modified 4 years, 7 months ago by scott74.
• This reply was modified 4 years, 7 months ago by scott74.

Use a negative margin on the button that seemed to work. Not sure if correct way of doing it but seems to be ok.

A list of all the CSS selectors would be helpful for targeting little bit more complex stuff like hover , invalid etc.. states — Switch buttons etc..

Cool plugin all in all though. Thank you…

Thank you, that worked… Can you tell me the CSS selectors to target to but the submit button right up against the email field with no space… Can seem to figure that out.

There are quite a bit of CSS targets to customize everything. a back end interface would be cool for that to change colors of each element and see it visually for each form you are working on.:)

Think i figured it out.

Ran a search and replace on
wp_post for
httpss to http

then another for
https to http

This took care of all the outbound links putting them back to http

Then ran one for
https://domain.com to https://domain.com
for the internal linking

Thanks for the great plugin.

I can’t get working.. tried new bucket with region US

Ok thanks but cant figure out where to change the region of the bucket. All i see is use US and Europe Only or use all ??

Thanks for the help