51 posts
  • Has been part of the Envato Community for over 1 year
  • Has sold $40,000+ on Envato Market
  • Had an item featured in an Envato Bundle
  • Sells items exclusively on Envato Market
+3 more
mustachethemes says

Thanks, i will try it.



Also: when I add my custom styles it doesnt work. I see all the styles like plain text in the preview landing. Do you have the same problem?
Did you wrap it with <style> ... </style> ?
622 posts
  • Sells items exclusively on Envato Market
  • Has sold $10,000+ on Envato Market
  • Won a competition
  • Won a Most Wanted contest
+3 more
pixeful says

Maybe STAFF could answer my list of questions?

Issues:

- ok, Stretch background, but how should I do 100% width boxes?

- how do I do fixed header?

- how do I do lightbox for videos and images?

- how should email subscribe work?

- any slider solutions?

36 posts
  • Located in Canada
  • Sells items exclusively on Envato Market
CoreyDilley says

Maybe STAFF could answer my list of questions?

Issues:

- ok, Stretch background, but how should I do 100% width boxes?

- how do I do fixed header?

- how do I do lightbox for videos and images?

- how should email subscribe work?

- any slider solutions?

Hey Pixeful,

Sorry I’m a little late to the party. I’m working on answering a big list of everyone’s questions with our Customer Success team. Expect my next post to be much more helpful :)

36 posts
  • Located in Canada
  • Sells items exclusively on Envato Market
CoreyDilley says

Hi Everybody! Sorry I’m a little late to the conversation here. It’s busy this morning! Big thanks to Surjithctly & Rayoflightt for helping to answer questions. I’ve tried to summarize the answers to everyone’s questions below. Hope this helps!

- Stretch background, but how should I do 100% width boxes?
It’s best to use page sections for this. In the Background Properties pane, you can change the background colour and check the “stretch background to page edges” option.

- how do I do fixed header?
To get a fixed header, you’ll want to drop in a box which will act as the container for the header. Then add the following to your CSS Stylesheets box (replace the box ID with the one they created).

<style>
#lp-pom-box-87 {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
width: 100%!important;
}
</style>

This isn’t a whole solution for a fixed header, but it’s a good start. If you have several elements in your header, you might run into alignment issues.

- how do I do lightbox for videos and images?
Here’s how to add a lightbox as an image preview. Here’s how to add a lightbox for text links. And here’s how to open a lightbox from a button

- how should email subscribe work?
Pixeful, I think the issue mustachethemes pointed out was that your form isn’t validating email addresses – a visitor could enter anything and it would submit. To have the form validate email addresses, double-click on the form, select the email field and check the “Validate as email address” checkbox.

- any slider solutions?
It’s technically possible to add a slider, but since we don’t have a slider feature built in, it requires some technical know-how for a buyer to edit. We ask that you include clear instructions for the buyer describing how to insert their own images. One of our customers has created this helpful guide on how to include a slider in an Unbounce page.

- Non-specific rejection messages
I’ll have to defer to Envato folks on this one.

- Adding custom guidelines to the page – is it possible?
You can’t add custom guidelines, but if you add additional page sections, that will create guidelines. Ideally, you would add one page section for each clearly defined vertical portion of your design.

- Can you create full-width landing pages?
You can stretch the background to page edges, but if you’re asking if your page can be responsive, unfortunately, the answer is “not yet”.

-Facebook “Like” button getting cut off
Mustachethemes, are you still having that issue? If so, please send us a link to your page and we’ll take a look at it. It’s probably best to email support@unbounce.com and explain what’s happening. They’ll help you out.

- Using custom Javascript & CSS to push the boundaries of Unbounce
Please push the boundaries! We’d love to see what you’re all capable of. A couple notes about adding custom scripts though – please include a comment before your script that gives your contact information for support, as we won’t be able to help your buyers with your custom scripts. Also, custom scripts aren’t reflected in the builder. You’ll have to preview the page to see them in action.

I hope that helps! Please keep the questions coming. And thanks again to the authors who are helping to answer questions!

36 posts
  • Located in Canada
  • Sells items exclusively on Envato Market
CoreyDilley says
622 posts
  • Sells items exclusively on Envato Market
  • Has sold $10,000+ on Envato Market
  • Won a competition
  • Won a Most Wanted contest
+3 more
pixeful says

- how do I do lightbox for videos and images? Here’s how to add a lightbox as an image preview. Here’s how to add a lightbox for text links. And here’s how to open a lightbox from a button

and I see no links

11 posts
  • Has referred 50+ members
  • Has sold $1,000+ on Envato Market
  • Located in Bangladesh
  • Has collected 1+ items on Envato Market
+2 more
Codetic says

- how do I do lightbox for videos and images? Here’s how to add a lightbox as an image preview. Here’s how to add a lightbox for text links. And here’s how to open a lightbox from a button and I see no links

Add a lightbox as an image preview: http://support.unbounce.com/entries/20421057-How-can-I-add-a-lightbox-style-window-for-image-previews-

Add a lightbox for text links: http://support.unbounce.com/entries/336131-How-do-I-add-a-lightbox-style-window-for-privacy-policy-rules-terms-etc-

Add a lightbox on buttons: http://support.unbounce.com/entries/21698744-How-do-I-get-a-button-link-to-open-a-lightbox-iframe-webpage-

How to create a slider within Unbounce: http://www.jengordon.com/how-to-embed-an-image-slider-to-your-unbounce-landing-page/

36 posts
  • Located in Canada
  • Sells items exclusively on Envato Market
CoreyDilley says

- how do I do lightbox for videos and images? Here’s how to add a lightbox as an image preview. Here’s how to add a lightbox for text links. And here’s how to open a lightbox from a button and I see no links

Looks like the forum is stripping out my links… You can find the lightbox ones by going to our support page (unfortunately, can’t link you to it) and just searching for “lightbox”. You can find the slider solution by searching for “Jen Gordon Unbounce Slider” on Google. I hope that helps!

13 posts
  • Has been part of the Envato Community for over 5 years
  • Located in Canada
  • Has collected 10+ items on Envato Market
oligardner says

Hi Everyone, After some internal discussion here at Unbounce, I’d like to advise against the use of sliders as the primary header element in your template designs.

Sliders at the top of a page are fine for your website’s homepage, but for a marketing campaign specific landing page, they are very much less than optimal.

A landing page should be designed to quickly communicate a campaign message as quickly and easily as possible. Sliders can be a distraction and a time consuming interaction device. Time that visitors arriving on a page from an ad don’t have.

If it’s a template that relies on an image gallery, then a slider or lighbox photo gallery is okay – I’d just advise that you use it as a secondary element further down the page, and not your primary “hero shot”.

622 posts
  • Sells items exclusively on Envato Market
  • Has sold $10,000+ on Envato Market
  • Won a competition
  • Won a Most Wanted contest
+3 more
pixeful says

Uploaded for moderation: http://unbouncepages.com/iflat – 92% progress. It’s my first try hope not the last one. Where are the others in this category? Or everyone rejected? :/

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by