Thanks Nelson. I have searched css to accomplish this in the last and have had mixed results with the ones I have found. I'll definitely be giving yours a try next.
Thanks sooo much! I'd like to do this with first name and email. How would I modify this? I like that you don't just paste the code but explain what it's doing. That helps me to learn. Awesome
Hi Felisha, great question, I plan to follow up on this with another post/video, but for now you just need this snippet: @media (min-width: 980px) { /*set the width of the input fields*/ .et_pb_newsletter_field { flex-basis: 39% !important; } /*set the width of the button*/ .et_pb_newsletter_button_wrap { flex-basis: 20%!important; } }
Hi, I have used your CSS to make one line email and subscribed button in my divi custom footer, but in the theme builder custom footer, the email module appears when I save and view live site pages, under the footer this email module does show. please guide me on what to do for this purpose. Secondly, if I want to place button above the email field, what do you think I should do for this? best regards, Riz
Thank you so much, Nelson, very useful! All of your tutorials are very helpful, great work! I was wondering if you have any plans of doing any woo product pages, on divi, you know playing with dynamic product texts, product images... Changing position of thumbnail gallery etc... Thank you once again for your effort and teaching us all this great staff!👍
Thank you, I'm glad you are finding my tutorials helpful! I do plan to do more WooCommerce and Divi related tutorials in a few months hopefully, as I also have a course coming on that. If you have specific ideas and examples feel free to email them to me!
Olá Nelson, I love what you are sharing, you save my life many times! thank you! Do you have a css class to make this changes just for a specific email optin. Thank you!!
Hi Nelson, Thanks for video. It's cool! Well, is it possible to do the same with Title, Email field and Subscribe button. How would I modify the current magic snippet? Thanks in adviced.
Hi Igor, you're welcome! To do it with more fields you could do something like this: @media (min-width: 980px) { /*set the width of the input fields*/ .et_pb_newsletter_field { flex-basis: 39% !important; } /*set the width of the button*/ .et_pb_newsletter_button_wrap { flex-basis: 20%!important; } }
Thanks Nelson. I have searched css to accomplish this in the last and have had mixed results with the ones I have found. I'll definitely be giving yours a try next.
No mixed results here 😊
Thanks a lot!
You saved me quite a lot of time to figure it out.
That's great David, so glad to help.
Another great Nelson solution! I love the simple ones :-)
Glad you like them!
Very helpful video! Thank you so much for your hard work!
You're very welcome!
Thanks for this Nelson, very useful :)
You're welcome, glad it is useful!
Yes, please share some more opt in designs!
I'll try to do that!
Very helpful video...Thanks
I'm so glad it is helpful!
Thanks sooo much! I'd like to do this with first name and email. How would I modify this? I like that you don't just paste the code but explain what it's doing. That helps me to learn. Awesome
Hi Felisha, great question, I plan to follow up on this with another post/video, but for now you just need this snippet:
@media (min-width: 980px) {
/*set the width of the input fields*/
.et_pb_newsletter_field {
flex-basis: 39% !important;
}
/*set the width of the button*/
.et_pb_newsletter_button_wrap {
flex-basis: 20%!important;
}
}
Hi, I have used your CSS to make one line email and subscribed button in my divi custom footer, but in the theme builder custom footer, the email module appears when I save and view live site pages, under the footer this email module does show. please guide me on what to do for this purpose.
Secondly, if I want to place button above the email field, what do you think I should do for this?
best regards,
Riz
Thank you so much, Nelson, very useful! All of your tutorials are very helpful, great work! I was wondering if you have any plans of doing any woo product pages, on divi, you know playing with dynamic product texts, product images... Changing position of thumbnail gallery etc... Thank you once again for your effort and teaching us all this great staff!👍
Thank you, I'm glad you are finding my tutorials helpful! I do plan to do more WooCommerce and Divi related tutorials in a few months hopefully, as I also have a course coming on that. If you have specific ideas and examples feel free to email them to me!
Is there a way to change the custom field with CSS ?? (ie I want to put inside the box "Enter your email here" or something like that)
legend
Thanks :)
Hi Nelson. How to change the placeholder text such as "Email" in the emailoptin form or field?
I'm not sure off hand, sorry
Wladi
Wladi
vor 0 Sekunden
Thank you very much. Just a question, i want the Title in the line with email and the button, how do i do it?
It might be easier to use a Text module in a separate column.
Olá Nelson,
I love what you are sharing, you save my life many times! thank you!
Do you have a css class to make this changes just for a specific email optin. Thank you!!
You can use any CSS class you want.
@@PeeAyeCreative thank you!
How to show this design on a modal pop over triggered by a button click without using divi addon plugins?
You would have to search for how to make a Divi popup without plugins.
Sir Plz make a video on "Hamburger menu in desktop view" from right side of the page
I already do have a video and written tutorial on each of these topics.
Hi Nelson,
Thanks for video. It's cool!
Well, is it possible to do the same with Title, Email field and Subscribe button. How would I modify the current magic snippet? Thanks in adviced.
Hi Igor, you're welcome! To do it with more fields you could do something like this: @media (min-width: 980px) {
/*set the width of the input fields*/
.et_pb_newsletter_field {
flex-basis: 39% !important;
}
/*set the width of the button*/
.et_pb_newsletter_button_wrap {
flex-basis: 20%!important;
}
}
This did not work for me. I have been trying to do this for 2 days lol
gracias
You're welcome!
no longer useful! can you check? since Divi changed the CUSTOM CSS´ fields
What do you mean?
@@PeeAyeCreative i think he means it doesn't work. i did all the steps followed, at it didn't change anything.