Replies posted by Tiffer

25 Replies

Rob
RobFormer Unbouncer
posted in Tips & Scripts

[How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget

Is it possible for this script to work for the full width of browser window? I would like my banner hero images to be browser width. Thank you.

241
D_Hendrik_Mulyana
1 year ago
D
Dig57
posted in Ask a Question

Full width responsive box

I fixed my own problem. I moved the text out of my white box and into the image section (image is set as section background), then held the CTRL button as I moved it on top of the box where I wanted the text to appear. Easy work-a-round! =)

10
I
3 years ago
D
Dig57
posted in Ask a Question

Full width responsive box

Hi I have my box centered! Yay! But for some reason I’m not able to center the text inside it! I’ve tried a couple methods, but won’t seem to center: https://services.bilh.org/spine/ Screenshot: https://www.screencast.com/t/LugnxvSQIZqW Thanks

10
I
3 years ago
Tiffer
Tiffer
posted in Ask a Question

Css to stretch "lp-pom-box" to 100% browser width?

So I did find a solution, I added this jquery bit to the ‘before end body tag’: insert open script tag var e = jQuery(’#lp-pom-box-169’); //Replace with your element ID var a = jQuery(’.lp-pom-root’); e.css({‘left’:0, ‘width’:‘100%’, ‘box-sizing’:‘border-box’}).prependTo(a); insert closing script tag But now, everything inside that box is taking on it’s full width. How do I get the text/buttons inside that box to be within the actual page margins? Thanks!

2
Malik
4 years ago
Tiffer
Tiffer
posted in Ask a Question

Section Background Stretched Image: How to make it fit properly?

What a great tip!! How did you do the fade?!?

5
Tiffer
4 years ago
Tiffer
Tiffer
posted in Ask a Question

How to get image to float on the left edge of browser screen?

I just answered my own question! http://unbouncepages.com/prostate-cancer-proton-therapy/ <style> #lp-pom-image-50 { left: 0px; top: 182px; width: 100%; height: 761px; z-index: 1; opacity: 0.8; overflow:hidden; min-width:370px; position: fixed; } #left { float:left; margin:0px; height:761px; } </style>

1
Tiffer
4 years ago
Tiffer
Tiffer
posted in Ask a Question

Section Background Stretched Image: How to make it fit properly?

I would love to use images that are more zoomed out and I do search for them, but they are hard to find in the stock image sites. (at least at BigStock). I have played around with all the little settings in there, and sometimes it does help. I guess I was hoping for perhaps a CSS trick that might help!?!?!?

5
Tiffer
4 years ago
Seth
Seth
posted in Ask a Question

The image sections are always cut off and don't appear right in the "Preview"

I would LOVE a solution to this in Unbounce. So frustrating. CSS possibly?

6
Tiffer
4 years ago
Tiffer
Tiffer
posted in Ask a Question

Has anyone had any luck installing Snazzy Maps on their LP?

Nevermind, lol! Been a long day!

6
Jess
Unbouncer
4 years ago
Tiffer
Tiffer
posted in Ask a Question

Has anyone had any luck installing Snazzy Maps on their LP?

Actually… I spoke to soon! The map is showing up now, but it’s a default map of New York, not my map of North Carolina! Confusing! Thought I had it made!

6
Jess
Unbouncer
4 years ago
Tiffer
Tiffer
posted in Ask a Question

Has anyone had any luck installing Snazzy Maps on their LP?

Thank you Jess! I did manage to get it to work, I just needed to get the billing account setup for the API in our Google Cloud Platform! Now I’m gonna give the 100% width trick a try! Thanks!

6
Jess
Unbouncer
4 years ago
Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

I have tried the US Zip Code validation script in the original post. It’s not accepting any answer in that field even though I’ve entered a valid zip code. (before body end tag) <script> window.ub.form.customValidators.usZipCode = { isValid: function(value) { /^\d{5}([\-]?\d{4})?$/.test(value); }, message: 'Please enter a valid US ZIP code', }; </script> and also (before body end tag) <script> window.ub.form.validationRules.zip.usZipCode = true; </script> Any suggestions on getting this to work? Thanks!

112
Ed_Ilnicki
Unbounce Community Team
14 days ago
Tiffer
Tiffer
posted in Ask a Question

Is it possible to determine LP variant based on IP address?

Our client wants to have someone go to Variant A if they live in New Jersey, or Variant B if they live in Florida (by detecting the area of where their IP address is).

3
Hristian
4 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add Tabbed Sections

I see others have asked about being able to use this script on multiple sections on the same page. I’d also like to be able to do that. Has anyone been able to achieve this yet? Are there plans to make it happen? Thanks so much. Tiffany

63
Waqas_Raja
1 year ago
A
adaptivesnap
posted in Uncategorized

[How to] Fire Off Terms & Conditions On Button Click

These links are broken.

1
Tiffer
5 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Create a Collapsible Page Section

Hi, I’m having this issue with the background! Before the “Locations & Providers” button is clicked you can see the entire page background is gray, which is what I want. But when you click the button to reveal the hidden page section, the background turns white part way down the page as you can see in the 2nd screenshot. Also, when you toggle the button, the white stays. Does anyone have a workaround for this? Thank you so much! Screenshot 1 - how the background should look: All gray Screenshot 2 - the problem seen here… background turns white…

105
D
5 months ago
Tiffer
Tiffer
posted in Ask a Question

Customizing button with CSS

That worked perfectly! Thank you Jess! Tiff

3
Jess
Unbouncer
6 years ago
Nicholas
Nicholas
asked in Ask a Question

Underline text in a button

What if I wanted to add Bold text on hover? This is what I have. #lp-pom-button-65 .label {text-decoration: underline; text-align: left; padding-left: 0;} So how do I add bold text on hover? Thanks, Tiffany

3
Tiffer
6 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Create a Collapsible Page Section

Love it! So useful! I know just how I’m gonna use it! 😎

105
D
5 months ago
Tiffer
Tiffer
posted in Ask a Question

Toggling between Tabs of info on single page

That sounds great! I’m ready for it today!!

4
Tiffer
7 years ago
Tiffer
Tiffer
posted in Ask a Question

Toggling between Tabs of info on single page

If anyone is interested. After doing some research, I found this easy script to toggle tabs of information. http://www.w3schools.com/howto/howto_js_tabs.asp Thanks, Tiff

4
Tiffer
7 years ago
Tiffer
Tiffer
asked in Ask a Question

Form is making field "required" by default without a checkbox option

That fixed it! Thank you so much!

3
Alyssa
Unbouncer
7 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in News and Announcements

[Beta Release] Inline Text Editing! Get it while it's hot! 🔥

Soooo, I’m having a little trouble =) In this screenshot, I’m working on the right side of my page adding text to that purple box on top. When I click “view source”, my text box disappears and I have to scroll over to get to the code. On other occasions the code editor shows up BEHIND a photo and I can’t get to it… =( Also, seems like some features are missing from the “style” panel… I really need the “line height” option instead of typing it manually into the code. I use that often. Also, there used to be a drop down where I could select the type of link I was making, for instance… tel: or mailto: Now I have to type it out… Am I missing something or doing something wrong?

19
Laeth_Harris
7 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in News and Announcements

[Beta Release] Inline Text Editing! Get it while it's hot! 🔥

What happened to “Line height”? Really need it…

19
Laeth_Harris
7 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in News and Announcements

[Beta Release] Inline Text Editing! Get it while it's hot! 🔥

I love it lots, still getting used to it! I really love the dark background and the color coding you’ve used. However, for me, when I select a piece of code in there, the highlight color matches the background color too closely. But that’s just me! =)

19
Laeth_Harris
7 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings