Hi,

thanks for the feedback.

The HTML code is not W3C validated simply because W3C validation is completely outdated. We use tools like autoprefixer to make our templates and themes cross-browser functional.

As you can see on our demo page the template is completely functional.

Most of the errors are from the CSS compression we use on the demo page. Both W3C validators are not able to work with compressed files.

Unfortunately, the CSS validator found on jigsaw.w3.org/css-validator is completely outdated and is returning wrong errors.

For example, it returns the following error:

Property user-select doesn't exist : none

But on the page w3schools.com, you can directly see the value “none” exists.

https://www.w3schools.com/cssref/css3_pr_user-select.asp

And on the Mozilla developer page, you find the same info.

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

I strongly recommend doing your own research. Using these validators will only give you a wrong picture of the code quality.

Kind regards,
Lara

Hi Lara, thank you for your answer. You write in the item details: ”...based on the w3c standards.” So I thought the w3c standards are considered. Now you write: “The HTML code is not W3C validated…”

Hi,

I’m sorry this was outdated marketing material. We updated the material.

Kind regards,
Lara

Hi,

you can find the CSS that controls the page enter hero animation in your assets/css/hero.css file.

Scroll to Hero section 1,2,3 or 4 based on the selected index file. Then look out for “PAGE ENTER ANIMATION ” code comment.

The code below shows the animating css for the <p> element for example:

.hero-4 .front-content.page-enter-animated p
{
    -webkit-transform: translateY(80px) !important;
            transform: translateY(80px) !important;

    opacity: 0 !important;
}

.hero-4 .front-content.page-enter-animated.show p
{
    -webkit-transition: all .6s cubic-bezier(.5,.34,.06,.82) .3s !important;
            transition: all .6s cubic-bezier(.5,.34,.06,.82) .3s !important;
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;

    opacity: 1 !important;
}

Kind regards,
Lara

i set translateY to (0px) but when i first enter the page the background and the particles still fade in from the bottom ?

Hi,

I’m sorry I forgot that part.

In your assets/css/hero.css file under section 1. FOUNDATION you find the following CSS code that controls the page enter animation of the particle effect.

.hero .background-content #canvas
{
    top: 100%;

    -webkit-transition: all .8s cubic-bezier(.5,.34,.06,.82) 1s;
            transition: all .8s cubic-bezier(.5,.34,.06,.82) 1s;

    opacity: 0;
}

.hero .background-content.page-enter-animated.show #canvas
{
    top: 0;

    opacity: 1;
}

Kind regards,
Lara

Hi,

there is only 1 index file. You can switch to the gradient background via the config.js file.

Kind regards,
Lara

okay, i got that, now the problem is my contact form is not working. i am not getting notified form submission on my email, also in contact.php what is // ENTER IDENTIFIER ???

Hi,

This could have several reasons. In most cases, it is a problem with the hosting configuration ( PHP mail() function not supported, or outdated PHP versions. ).

Please send me a link to your website that I can investigate this problem. Please use the contact form on this page if you don’t want to post your website publicly.

The email identifier is the subject line of the email you will receive.

Kind regards,
Lara

Hi,

the navigation is a closed system.

Add the following code to your assets/js/custom.js file.

$(document).on('click', 'a', function(event){
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 500);
});

This will make smooth scrolling globally available for all on page links.

Kind regards,
Lara

Hi,

please add the following CSS to your assets/css/custom.css file. Replace the “your element selector ”.

*your element selector
{
   padding: 0 !important;
}

Kind regards,
Lara

Hi,

I’m sorry I’m a little bit confused. Can you send me a link to your page that I can see the problem?

If you don’t want to post the link to your page publicly please use the contact form on this page.

Kind regards,
Lara

You can not set it to private. Or your website will not get access to the video files. But you can set it to unlisted or public.

Kind regards,
Lara

Thanks. I’ve purchased and am happy! How can I center the services tabs? I’ve reduced the items from 5 to 3 and need to center the items. Thanks!

Hi,

have you just removed the items without modifying the grid?

Can you send me a link to the page that I can adjust to your situation?

Please use the contact form on this page if you don’t want to post your page link publicly.

Kind regards,
Lara

Hi,

Legendary is not a WordPress theme but the sphere background is already integrated.

Kind regards,
Lara

Hi,

thank you for your feedback.

We fixed the issue and updated the files. You can now download the fixed files from ThemeForest.

If you don’t want to start all over again then you just have to replace your “assets/js/hero.js” with the latest one.

This will fix the scrolling issue.

Kind regards,
Lara

Thanks for the quick reply and release of the fix, already tested the last version v1.43 and it works fine! Many thanks for all the theme and top notch support. Really awesome!

Hi,

this sounds very strange.

Can you send me a link to your page that I can investigate the problem?

How do you add phone Numbers to the site?

You can send me the page link via the contact form on the following page. https://themeforest.net/user/avanzare

Kind regards,
Lara

Hi,

Are you using the latest version of Legendary? We already added an antispam honeypot captcha in version 1.2. This should protect you against machine based spamming.

Kind regards.
Lara

I was on the old one. Thank you so much.

.

Yes, you can under the following limitations:

1. The template can only be used on one domain per regular license.
2. The template can’t be sold or distributed in any way.

Kind regards,
Loic

Yes excactly.

I`ve made a board for portfolio. http://uristudio.com/portfolio and mads similar div as <!- SHOWCASE-POPUP -> for contents parts. http://uristudio.com/portfolio/284

wanna use only SHOWCASE POPUP parts for http://uristudio.com/ ajax WORK page

regards, HK

and it`s showcase ajax full page / video

Ok,

you have to use the default template to use the ajax default setup. Otherwise, the content will not appear.

In this case use one of the following templates

pages/ajax/popups/showcases/showcase-popup-full-page-image.html

pages/ajax/popups/showcases/showcase-popup-full-page-video.html

Then you just have to duplicate the default template and rename it and finally, you have to link to it from your work grid item.

Don’t load a complete page via ajax like you are currently doing because it causes a lot of errors.

Kind regards,
Lara

Of course, we will help out.

You have to place it below the phone field( honeypot captcha field ) or change the CSS class that is hiding the honeypot captcha.

But you also have to modify the PHP and ajax part of the contact form or it will not work correctly.

This will take a little bit longer to explain therefore I strongly recommend to do that this via mail.

Therefore please use the contact author button on the next page.

https://themeforest.net/item/legendary-one-page-parallax-html-template/17976316/support

Kind regards,
Lara

In which css file should i put this?

Just put in assets/css/layout.css but you can place it everywhere if you want.

Kind regards,
Lara

I’ll try, thank you

Hi,

I recommend changing the background image overlay color instead to make the text more readable.

Just add the following CSS code somewhere ( For example: assets/css/layout.css ).

#service .bg-overlay-section 
{
    opacity: .3 !important;
    background: rgba(255,255,255,1.00) !important;
}

Kind regards,
Lara

Maybe i will use the overlay color for a better reading experience, but i’d really like to push the whole text box lower, underneath the existing photos so they don’t overlap visually

It is not possible to push the text below the image because the image will always fill the whole section.

But you could create a new section ( copy & paste another ) and insert the tab text element in it.

Or you could give the text element a background color.

Kind regards,
Lara

Normally a cookie info bar should not interfere with the template. Maybe the CSS is not applied correctly or it is placed at the wrong position.

If you sent me a link I can check what exactly went wrong.

You can also send me the link privately via the form on the following page.

https://themeforest.net/user/avanzare

Kind regards,
Lara

—> Question 2

The structure is based on the bootstrap grid system, therefore you can simply rearrange everything.

The following link will help you to understand the bootstrap grid.

http://getbootstrap.com/css/#grid

—> Question 3

Please do the following:

1. Open your assets/css/layout.css file.
2. Jump to section “6. PLUGINS” right at the bottom.
3. Locate the following css code block:

.dzsparallaxer .dzsparallaxer--target
{
    height: 144%;
}

4. Increase the height value.
5. That’s it.

If something should not be clear or you need help with something else feel free to contact us again at any time.

Kind regards,
Lara

Hi,

for this kind of letters, you have to include latin extended in your font request.

Please do the following include latin extended:

1. Open your index html file.

2. Locate the following link element at the top of your index file.

<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|Open+Sans:300,400,600,700,800" rel="stylesheet">

3. Replace it with the following link element.

<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|Open+Sans:300,400,600,700,800&subset=latin-ext" rel="stylesheet">

4. That’s it.

Kind regards,
Lara

Thank you..again

Thanks for the fast response, will try that soon and let you know. thnx

Works like a charm 5 star support

Thank you for your feedback.

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

Kind regards,
Lara