Discussion on Pivot | Multi-Purpose HTML with Page Builder

Discussion on Pivot | Multi-Purpose HTML with Page Builder

Cart 6,679 sales
Well Documented

medium_rare does not currently provide support for this item.

566 comments found.

It seems as though the top level of items in the “Top Nav” block aren’t editable (where it has location and email on the left and the login/signup buttons on the right with the flags). I can manually hack in “contenteditable=true” using web inspector, but clearly this wasn’t done on purpose.. can anyone comment?

Also seems like simple things like adding <.a> tags aren’t documented anywhere at all.. am I missing something? I just want to add a link in one of my footers but I’m having the hardest time doing it.

Thanks for any help.

Hey there,

Thanks for pointing that out with the nav, we’ll take a look into it.

Currently you can’t make a link out of any text yet, you would need to add the ‘a’ tag once you have output the HTML.

Thanks, Craig

Thanks Craig. I figured as much about the ‘a’ tags and such. Appreciate the quick answer!

No worries :)

Hi

Does Pivot support custom headers?

Many Thanks!

Hi James

I simply mean having a different header image depending on what page you are on, so for example about page would have one header image, contact us would have a different image, I am using Wordpress, but with the Pivot code an layout.

Thanks

Oh I see, is this a WP enquiry? If so, you should direct your question to Tommusrhodus who maintains and handles support for the WP version of Pivot. Yes, in the HTML version you can have any header you like on any page.

Hi

I have purchased both HTML and Wordpress versions of Pivot, but I am using the Pivot HTML for this project with my own custom Wordpress theme as I could have more control with the layout I am after.

I want to add more PRojects in Porfolios. How can I clone that Object ?

Thanks

Apologies for this – There is a small white space to the left of the image. Right click there and click clone. James

what should we put youtube embed code ? only code ? or full link http://youtube.com/xxxxxxx ? i tried both , it just doesn’t work . i feel there is bugs ..

Hello,

You need the full iframe code. In Youtube site, you need to Click share -> Choose the “Embed” tab and select the whole iframe including tags <iframe src = ...

i tried and it doesn’t work ... if old version i tested work . the latest 2.0.1 doesnt.

I just tested on live demo and this is working. Can you please try again with full iframe code in the online demo and report back? Thanks, James

Support Update

Purchase validation problems have now been resolved – please head to mediumrare.ticksy.com and submit your support tickets now!

Thanks for your patience in this matter and we look forward to assisting you with any queries you may have.

Hello,

Does this includes paralax effect control just like Launchkit have. ?

Hello,

No it doesn’t

Hi,

I am using the Newsletter Block and there is an alignment issue in Firefox:

http://cl.ly/image/1S3j2o3h1K2k

This is unaltered code just added the block using Variant and then viewing the results in Safari and then Firefox. How could I fix the alignment issue? Thanks!

PS – I’m having the same problem as someone above that I cannot use your support system because it says my purchase code is invalid. I tried numerous times I’m sure I put the correct code :-)

great thanks!

No worries :)

Sorry for the delay in getting back to you but while this does fix it in firefox it messes it up in safari/chrome…

Hi, I am using the Fullscreen Nav… and I want the logo to go away completely after scrolling down.. is this possible?

in other words.. I want the logo to stay on top.. once you scroll down I dont need the logo to reappear. How do I do this?

Hey there,

Could you please open a ticket at mediumrare.ticksy.com with a link to your site so I can advise you specifically on what code you need to change?

Thanks, Craig

Where can I edit the Google Fonts script url? I need to change the url from http:// to just ://

Thanks!

deleted

You can ignore my question. Found the files to edit. Cheers to a really well-constructed flexible template! :)

No worries – glad you found what you were after :)

Great theme and the builder is helpful.

How can I get the background images I use in the Projects Gallery boxes to stay the original size? They are being cropped and resized somehow. For example, I replaced a background image in one of the boxes with an image 72ppi 340px270px, but only part of it shows, zoomed in and pixelated. When I check in Firebug, it says it is 144×144.

Thank you.

Sorry, I could submit a ticket on your Ticksy support forum because it says my purchase code is not valid. I copied it from my downloads area, the very long number.

Hey there,

Sorry Ticksy is having issues at the moment – should be up shortly. In the meantime, you can remove the wrapping ‘background-image-container’ div from the project gallery boxes if you don’t want the auto-resizing.

Additionally, add this to your custom.css for the firefox issue:

.btn:focus,.btn:active{ outline: none; }

Thank you very much!

You’re most welcome

Unfortunately the newest update has included a major problem:

- Almost all navigation bars have massive logos and huge gaps between navigation and main content + Sometimes show two logos. (one black, one white)

- The section controls in the editor are not reachable.

Tested with a clean setup in both Firefox and Chrome.

Edit: Issue has already been fixed. :)

Yep, slight issue with the first update. We’ve rectified with a patch!

Update 2.0.1

  • Make quicker font choices with Google Fonts in Variant
  • Now paste content from anywhere and Variant strips the formatting!
  • Hitting return/enter inserts a <br /> overriding the default browser behaviour that is to insert a div.
  • Added a custom.css file so all your css edits go in there, no more editing the core theme files! This makes updating to a newer version easier.

Hey there!!! Nice layout and theme , thank you so much !!!

Great, glad you enjoy it :) Don’t forget to rate :)

I sent a support message weeks ago regarding the ability to control parallax sliding, offset & speed for background image sections. No one responded. Please provide a solutions to where I can control the parallax elements for individual sections. Thx

Hi there,

Apologies that your request was not replied to. I can’t seem to find your ticket on our support forum at mediumrare.ticksy.com, did you open it here?

I sent a request via the contact form here.. I dont have login credentials for the support forum. Could you provide me access and a response to this issue? Thx!

Ah ok. Ticksy has been undergoing maintenance over the past few hours so that may explain the difficulty. Either way the parallax sections are controlls by the Skrollr plugin, all sections will scroll at the same rate. Each has a class of ‘parallax-background’ and you’ll see in scripts.js (lines 212 – 226). To set your own, different speeds I suggest making some new classes like ‘parallax-slow’ then duplicate the current script in scripts,js (212 – 226) and adjust the values of the transforms.

Hope this helps :)

I’m using this theme in a rails app, but i’m having issues with making the div ‘fullscreen-element’ go 100% height. I’ve copied the all the css files, scripts and html code from the one pager demo, but it doesn’t work. It only goes as height as the text and submit buttons.

Hi, to do this, add a css rule like so: .fullscreen-element{ height: 100vh; }

That will do it :)

James

Awesome. It works. Cheers.

No worries :)

Great work, outstanding design.

I really like your work and bought Pivot, Machine and will now also buy your newest template.

My question is: Are the blocks from Pivot and Machine (or Launchkit) all usable together in one project? Or are you maybe planning to release a builder with all the blocks?

I would be really interested in having all these designs and choices in one variant builder and I think it would make a unique product here on envato.

Hey there and thanks for purchasing!

Pivot, Machine and Launchkit are separate templates so the blocks are not interchangeable. At the moment we are just going to focus on releasing them as individual products as that fits best with the way that Themeforest works.

Thanks again for purchasing our products!

I noticed a newer version of Variant on your new template…bought this too soon. :( Are there any other differences between this and the new one?

Hey there, there will be an update out this week that brings them both up to the latest version :)

New version is uploaded, download it now :)

Hey guys, awesome work, love the template! I’m having a bit of trouble making Mailchimp work with it… I just copied the Embedded Form Code from Mailchimp into the form code on the builder but when testing it just doesn’t work, I get a file not found…. Any ideas? Cheers

Hi, this could be because you might be testing on your local machine. The copied form code can have // in the action attribute which would make your browser assume it should submit the form using the same protocol as you are currently on. Running from your local file, protocol would be file:// not http:// ... If you upload to your server and test or use a local server like ‘mamp’ or ‘wamp’ you would be using http:// and the form should submit correctly.

Let me know if this helps :)

James

Hi, I’ve purchased and love the builder. Just been having a play at the moment. I have a couple of questions if I may:

- If I want to add in my own colour scheme to match brand colours, where would I do this? - although the builder creates individual html files, does the css allow you to control all the elements that have been created in the different html files? - lets say I build a site with pivot and then I need to edit a few of the pages, would I load up the infividual pages, edit them then re-upload? if so will this retain any existing css amends I had made?

sorry for all the questions, just dont want to go head on into the project before I know what I’m working with

Hi, and glad you’re enjoying Pivot and Variant :)

If you want to use brand colours, you would edit the Less files provided then use a Less compiler ( can be found online) to generate your own style.css file. Css and html are edited separately, so any changes to css will change the targeted elements on all pages. Yes, all Css amends are kept if you re-edit the pages, no css is stored in the pages generated, and they rely on the css files in the css folder for their styles. Such is the benefit of using Variant :)

James

this html5 builder is awsone best app on this market only thing is needed

memebrship system at least make admin login page for security resons

i hope see admin login page in your next update we need to protect our project not anyone online can access it easly

Hi and thanks, glad you’re enjoying Variant :)

We do not intend for the variant folder to be uploaded, as Variant is not a CMS, and it is designed to run locally on your machine, not on the server.

You can remove the variant folder from your server and keep a copy to run locally. Just keep a copy of your project .variant files handy.

Thanks for using Pivot :) James

BTW you may be interested in our newer template “Machine” also :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey