- This topic has 15 replies, 3 voices, and was last updated 4 years, 1 month ago by Tom.
September 27, 2016 at 10:03 pm #229978NaveenKumar Namachivayam
How to add a background image with fields like Name and Email to collect email address in home page.
Like in this example http://demo.generatepress.com/
Also, I would like to display recent and popular posts just below the iamge. Is it possible? Thanks!September 27, 2016 at 11:21 pm #230000TomLead DeveloperLead Developer
Are you talking about the top area with the laptop image? If so, I used the Page Header add-on for that.
The actual HTML (collecting emails etc..) is up to you and can be added into the Content area.
For displaying posts, this plugin might help: https://wordpress.org/plugins/wp-show-posts/September 28, 2016 at 9:45 am #230118NaveenKumar Namachivayam
Thanks Tom. Any references/plugins to add the fields in Page Header?September 28, 2016 at 5:52 pm #230189TomLead DeveloperLead Developer
Usually the service you use for newsletters (Mail Chimp, Constant Contact etc..) give you the HTML for their forms, which you can then add into the content area of the Page Header.September 28, 2016 at 11:21 pm #230220NaveenKumar Namachivayam
Thanks Tom 🙂September 29, 2016 at 9:16 am #230342TomLead DeveloperLead DeveloperSeptember 29, 2016 at 7:57 pm #230494NaveenKumar Namachivayam
I added the HTML code on my video page header. But it looks different in mobile and tablet. How do i make it responsive.
Please help me out 🙂
Thanks!September 29, 2016 at 11:11 pm #230539TomLead DeveloperLead Developer
You would have to use CSS media queries. If you’re getting the HTML from a place like Mail Chimp or Constant Contact, they might have a responsive version of the form.September 29, 2016 at 11:21 pm #230546NaveenKumar Namachivayam
Thanks Tom. I am using MailRelay. They do not have CSS-based forms. Any sample code I can get. As of now, my site is looking good only in browsers. Thanks!
My site: http://www.QAInsights.comSeptember 29, 2016 at 11:25 pm #230547TomLead DeveloperLead DeveloperSeptember 29, 2016 at 11:35 pm #230549NaveenKumar Namachivayam
Yes. But in iPad and iPhone, the video is not loading and text box and submit fields are overlapping the Latest Articles content.September 30, 2016 at 8:38 am #230660TomLead DeveloperLead Developer
Background videos won’t load on mobile devices – this is a limitation of the actual mobile devices in order to save you data.
If you set an image in the Image tab, it will use that as a backup when the video can’t load.
I’m not seeing any overlap on my phone.September 30, 2016 at 8:43 am #230661NaveenKumar Namachivayam
Thanks Tom for the confirmation. Let me add an image. Thanks!September 30, 2016 at 3:38 pm #230774TomLead DeveloperLead DeveloperJanuary 15, 2017 at 1:52 pm #264380Daniel
When using an image as fallback, the image always loads first until the video has loaded.
Is there any way around that? Seems a bit clunky to me.
- You must be logged in to reply to this topic.