Discussion on Gravity // Coming Soon - Under Construction

Discussion on Gravity // Coming Soon - Under Construction

Cart 4,958 sales
Well Documented

Avanzare supports this item

Supported

This author's response time can be up to 2 business days.

201 comments found.

Hello… I need your help please. I need to assign to your theme the signup form from my mailchimp acount. I have some more extra fields. Is it possible? It is very important for me! Thanks a lot

Hi,

it is possible but you have to change basically everything that affects the subscribe form.

But without the basic knowledge of HTML, CSS, JS, PHP this will not be possible.

Kind regards,
Lara

Hello. Can you maybe add another template with contact form ? so when you scroll down for contact form instead subscribe email box. Tnx

Hi. Yes i found it all. But i have one question. Is this some kind of bug or how to fix this problem when you get already saved options in name or email form and if you select it and then become a whole field yellow. It is the same on your original demo. Please check picture below for more detailed presentation.

http://imgur.com/7oYgxs0

regards

This is based on the form autofill function.

Chrome and some other browser make it impossible to overwrite the autofill background color attribute directly via CSS.

Therefore you have to use the following workaround.

Add the following CSS code to your template.

input:-webkit-autofill,
input:-webkit-autofill:hover
input:-webkit-autofill:focus {
    transition: background-color 99999s ease-in-out 0s !important;
    -webkit-text-fill-color: #fff !important;
}

Kind regards,
Lara

It works perfect now. Thank you very much. Best regards

Amazing resources… Thanx! http://www.blacardu.com/

Thank you for choosing Gravity and thank you for your feedback.

Kind regards,
Lara

Hey, just wanted to ask how to add another overlay section, I have tried for countless hours to add a new section to my site as overlay-3 but I have been unsuccessful and lots of strange stuff happened, thank you

It has frustrated me that much that I have just renewed my support for this template. sigh… sorry to a pain..

thanks

Hi,

the overlay system is limited to 2 sections because everything is statically animated via javascript but after the upcoming update, you will be able to add an unlimited amount of overlays.

If you can’t wait I can send you a prerelease version.

Just contact me via the form on the following page and I send the files over as soon as I get your mail.

https://themeforest.net/user/avanzare

Kind regards,
Lara

I have just sent you a PM asking for the pre release, really appreciate that as I have spent hours sifting though the JS trying to manually add section-3 and its given me a huge headache.

Much appreciation.

Regards Hayden

Yes, it is a little bit harder to add another overlay, therefore we will integrate an unlimited overlay system with the next update.

Please check your mailbox I have sent over the pre-release.

If you need help with something else you can contact us at any time.

Kind regards,
Lara

Is there a PHP version Limit for the Mailchimp Mailer Script to work?

Yes, you should run PHP version 5.6.27 or higher on your setup.

If you run a lower version than 5.6.27 the form will not respond or work correctly.

Kind regards,
Lara

Hi I have changed $mode = “mailchimp”; I have entered my $mailchimp_api_key and I have entered my $mailchimp_list_id all in subscribe.php as suggested and the subscription form doesn’t work _ I enter email address for a test, and press the enter symbol and nothing happens – any ideas as to why this isn’t working?

Hi,
I retested the MailChimp method and everything is working fine. Please set up a new list and try it again. If this should not work please send us your link from your page via the contact form on the following page.

https://themeforest.net/item/gravity-coming-soon-under-construction/8875822/support

Kind regards,
Avanzare

Excellent work! A few suggestions: Enable some features from MB for the youtube like, playlists, random vids etc.. Really enjoy the overlays! :)

Anyway to stop the youtube video from replaying once it is stopped?

Thank you for your feedback. We will add new options for the youtube background in the next update.

How to stop the video from replaying once it is stopped:

1. Open up your index.html file.
2. Locate the following code on line 50.

<a id="bg-youtube" class="player showOn-video-bg" data-property="{videoURL:youtubeBG,containment:'#bg-video',autoPlay:true,mute:false,startAt:youtubeBGstart,stopAt:youtubeBGend,opacity:1,stopMovieOnBlur:false,showControls:false}"></a>

3. Replace it with the following code.

 <a id="bg-youtube" class="player showOn-video-bg" data-property="{loop:false,videoURL:youtubeBG,containment:'#bg-video',autoPlay:true,mute:false,startAt:youtubeBGstart,stopAt:youtubeBGend,opacity:1,stopMovieOnBlur:false,showControls:false}"></a> 
4. Save your index.html file and that’s it.

Thank you! Awesome! I love it!

Hello,

Nice , Work …. I want to purchase this bundle.

Can you let me know from which place images are coming.? Is it all paid images.?

I am just worried about images.

If you have paid for images then do i use this images under my domain for coming soon thing.

Please help.

Thanks

Hi,
thank you for your feedback.

All images shown in the preview are not included in the download package.

If you need images for your project you can visit:

https://pixabay.com/
http://pexels.com/

Kind regards,
Avanzare

Hi, i am not receiving e-mails from my site. Site is www.lumpik.sk. I am getting green notification text, that message was sent but it was not. Please help… thank you

Please contact me via my contact form and send a link from your site and your files packed in .zip.

Hi guys,

Please could you assist:

http://buffsclub.com/

1. How do I stop the page from scrolling 3 times? I only have content for two pages.

2. I have tried everything in my power to stop the arrow at the top of page 2 from disappearing when online. On my PC it works fine but as soon as I access through browser the arrow to go back to home page is missing. Please assist?

Hi,

open up your config.js file and change the overlay option value from 0 to 1. That’s it.

Kind regards,
Avanzare

Hi there,

thank you for your reply. That sorted out no.1. scrolling 3 times issue.

However, no.2 is still happening… arrow issue when scrolling to next page.

Hi, I’m sorry for the late respond.

Can you send over a link from your page? That I can locate the issue.

Please use the contact form on my profile.

https://themeforest.net/user/avanzare

Kind regards,
Avanzare

Hi,

Great theme you have made. I’m really starting to take in hands this html theme. Haven’t upload it yet in my webspace. I am trying to edit it first.

How shall I add instagram to the social icons ?

Thanks

Thank you for your great feedback.
I answered your email.

Kind regards,
Avanzare

Hello, I have added Google noCaptcha/reCatpcha to the form but the email function is bypassing it. How to add reCaptca to the form properly? I’m receiving a lot of spam.

I answered your email.

URGENT! Hi! I am in the middle of an event and the subscribe system just doesn’t work!!! Just added the email as wrote in the documentation. It worked for 2 hours and than, suddenly it stopped. Everything is just the way it should be. Please, help!

Hi, please contact me via my contact form on my profile and I will reply back as soon as possible that you can send me your files and I can check them.

You can also check with the browser integrated developer tool what went wrong.

Hello when I view my site http://phoenixsequence.com on my desktop then laptops and mobile devices. The logo and the h1 text don’t resize to accommodate the different screen sizes and I set it at 701px in the intro.css to set it for desktop and tried playing with the sizes throughout the intro.css file to get it them to change but no luck. Here is the file can you please assist. Thank you. – /**

@Author            Avanzare
   @Website        www.avanzare.co
   @Last Update    10:13 PM Friday, December 18, 7015

TABLE OF CONTENTS

1. Intro – 1

/

/ 1. INTRO – 1 */ #intro.intro-1 img.logo { margin-bottom: 20px; padding-top: 20px; }

opacity: 0;

intro.intro-1 img.logo.custom-width

{ width: 701px; }

intro.intro-1 .slide

{ width: 100%; margin: 0 auto;

text-align: center;

opacity: 0;

}

intro.intro-1 h1

{ font-family: ‘Mate SC’,’Open Sans’, sans-serif; font-size: 31px; font-weight: 20; //change font thickness line-height: auto;

margin: 0 auto; margin-bottom: 50px;

text-align: center;

opacity: 0; color: #fff;

}

intro.intro-1 h1 span

{ color: #CDFFFF; }

intro.intro-1 p

{ font-family: ‘Raleway’, sans-serif; font-size: 17px; font-weight: 400; line-height: auto;

padding-bottom: 40px;

letter-spacing: 2px;

opacity: 0; color: #fff;

}

intro.intro-1 .arrow-wrap

{ display: inline-block; overflow: hidden;

margin: 0 auto;

opacity: 0;

}

intro.intro-1 .open-overlay i

{ font-size: 36px; line-height: 66px;

z-index: 2;

margin: 0 auto;

cursor: inherit; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; transition: all .6s ease 0s;

color: inherit; background: rgba(255,255,255,.0);

}

intro.intro-1 div.open-overlay

{ position: relative;

display: block;

width: 74px; height: 74px; margin: 0 auto;

cursor: pointer; -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; transition: all .6s ease 0s; text-align: center;

color: #fff; border: solid 4px #fff;

}

intro.intro-1 .down-button i

{ position: absolute; top: 0; left: 0;

width: 100%;

-webkit-transition: all 150ms cubic-bezier(1, 0, 0, 1); -moz-transition: all 150ms cubic-bezier(1, 0, 0, 1); transition: all 150ms cubic-bezier(1, 0, 0, 1); text-align: center;

color: #fff;

}

intro.intro-1 .down-button.active i

{ opacity: 1; }

intro.intro-1 .down-button i:first-child

{ top: -300%; }

intro.intro-1 .down-button:hover i:first-child

{ top: 0; }

intro.intro-1 .down-button:hover i:last-child

{ top: 300%; }

@media only screen and (max-width: 701px), only screen and (max-height: 800px) { #intro.intro-1 img.logo.custom-width { width: 701px; } }

intro.intro-1 h1

{ font-size: 31px; //change home page font size here

margin-bottom: 32px;

}

intro.intro-1 p

{ font-size: 17px;

padding-bottom: 23px;

}

intro.intro-1 .open-overlay i

{ font-size: 12px; line-height: 48px; }

intro.intro-1 div.open-overlay

{ width: 54px; height: 54px;

border: solid 3px #fff;

}

@media only screen and (max-height: 630px) { #intro.intro-1 h1 { font-size: 31px; }

margin-bottom: 40px;
}

@media only screen and (max-width: 768px), only screen and (max-height: 701px) { #intro.intro-1 .open-overlay i { font-size: 24px; line-height: 42px; } }

intro.intro-1 div.open-overlay

{ width: 48px; height: 48px; }

intro.intro-1 p

{ font-size: 17px;

padding-bottom: 20px;

}

intro.intro-1 h1

{ font-size: 31px;

margin-bottom: 28px;

}

intro.intro-1 img.logo

{ margin-bottom: 10px; }

intro.intro-1 img.logo.custom-width

{ width: 701px; }

@media only screen and (max-width: 480px), only screen and (max-height: 410px) { #intro.intro-1 h1 { font-size: 31px; }

margin-bottom: 24px;
}

intro.intro-1 p

{ font-size: 17px; font-weight: 300;

padding-bottom: 16px;

letter-spacing: 2px;

}

intro.intro-1 img.logo

{ margin-bottom: 4px; }

intro.intro-1 img.logo.custom-width

{ width: 701px; }

intro.intro-1 .open-overlay i

{ font-size: 22px; line-height: 38px; }

intro.intro-1 div.open-overlay

{ width: 44px; height: 44px; }

@media only screen and (max-width: 400px), only screen and (max-height: 310px) { #intro.intro-1 h1 { font-size: 31px; }

margin-bottom: 22px;
}

intro.intro-1 img.logo

{ margin-bottom: 8px; }

intro.intro-1 img.logo.custom-width

{ width: 701px; }

intro.intro-1 p

{ font-size: 17px; font-weight: 300;

padding-bottom: 14px;

letter-spacing: 2px;

}

intro.intro-1 .open-overlay i

{ font-size: 20px; line-height: 36px; }

intro.intro-1 div.open-overlay

{ width: 40px; height: 40px;

border: solid 2px #fff;

}

@media only screen and (max-width: 355px) ,only screen and (max-height: 280px) { #intro.intro-1 h1 { font-size: 31px; }

margin-bottom: 20px;
}

intro.intro-1 img.logo

{ margin-bottom: 4px; }

intro.intro-1 img.logo.custom-width

{ width: 701px; }

intro.intro-1 p

{ font-size: 17px; font-weight: 300;

padding-bottom: 12px;

letter-spacing: 2px;

}

intro.intro-1 .open-overlay i

{ font-size: 16px; line-height: 32px; }

intro.intro-1 div.open-overlay

{ width: 36px; height: 36px; }

I answered your email.

Make sure to use the right form of comments for css code and don’t use more width than the parent container has.

Kind regards, Avanzare

Can you add a “PLAY” button that will invoke a video that will popup in front of the page? Also can you add another page other than what the drop arrow pulls up “Our Website Is Coming Soon”?

I answered your mail.

dear seller,

how is it possible to use a local video instead of a youtube video ?

and how do I change the colour of the loading circle ?

I answered your mail.

If you want another color for the loading circle do the following:

1. Open your layout.css file.

2. Find the “2. LOADING” section.

3. Find the following css rule

.pace .pace-activity
{
    position: fixed;
    z-index: 2000;
    top: 50%;
    right: 50%;

    display: block;

    width: 36px;
    height: 36px;

    -webkit-animation: pace-spinner 400ms linear infinite;
       -moz-animation: pace-spinner 400ms linear infinite;
        -ms-animation: pace-spinner 400ms linear infinite;
         -o-animation: pace-spinner 400ms linear infinite;
            animation: pace-spinner 400ms linear infinite;

    border: solid 2px transparent;
    border-top-color: #1fb8b2;
    border-left-color: #1fb8b2;
    border-radius: 100%;
}

4. Edit both “border-top-color” and “border-left-color” to your desired color.

my logo won’t show up in mobile. the site is mluxestates.com

I tested it on my phones the logo is showing up. Try to clear the cache of your phone and try it again.

Hi the Mail and subscription ajax/php doesn’t work. It’s online, i changed the adresses in both files, and recieve regular mails. Do I have to set special rights, or activate a cgi-mailer or something like this? please help.

It seems i don’t even have a connection. When I enter a wrong (without @ for example) address I don’t even get an error back.

I answerd your mail please send me your files in .zip that we can make sure that the code is not the trouble maker.

i have purchased and wanted to install it.. however i cant install as a plug in and also not as a template.. what is the error?

Gravity is not a wordpress template or plugin you have to upload it manual to your hosting.

Does the contact-formular support attachement, if not, is it possible to make?

Thanks in advance! :)

Did you tested it online?

Yes I did, it still doesnt work. I have tried to figure out where the problem could be, the only thing i changed in layout.css according to #contact was the padding and the height of the textarea, but that should not make any complication? I then tried to change it back to the original but it still makes the same error? Do you have an email where I could send you my webpage to look at it if you have time for that?

Did you entered your email address in subscribe.php and sendmail.php?

If yes use the contact form on my profile page to contact me via email and send me a link to your page.

http://themeforest.net/user/avanzare
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