Discussion on Vega HTML5 Responsive Template

Discussion on Vega HTML5 Responsive Template

Cart 1,131 sales
Well Documented

flashedge supports this item

Supported

391 comments found.

Great theme – so good I bought it twice! I’m trying to link to video i’m hosting on my own site rather than using your set up for vimeo or YouTube (because I want to have very high quality playback without paying for an account). I’ve tried adapting the code of your “Vimeo example full screen autoplaying video” within video.html but without success. Could you advise? Thanks!

The best way is to include it through an iframe. There is no particular stuff to be made, it should initialize itself without issues. Just the audio won’t turn off when the video plays, you should catch the play event from your videoplayer and turn off the sound from the music player. Anyway if that isn’t needed for you, just go ahead and include a simple iframe.

Hi, beautiful template. I’m not very skin on code… I try to add a before and after the div of the first slide of the portfolio but the entire portfolio disappear. I also try to put the prettyphoto on the logo images but comes out a box with a null response. In the directory of the template ther isn’t any js related with prettyphoto, is it correct? Thanks in advance Andrea

It sounds like you’re not following the existing layout. You should be able to add as many slides you want as long you keep the structure as is. The prettyPhoto script is compressed and saved inside jquery.plugins.js and can be summoned from any anchor tag. Follow the documentation here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

I purchased this a while ago and love it. I just downloaded it again to get the new ticker since my previous version had the twitter feed. One question: how do I change the speed of the news ticker? ...it is going way to fast.

Open net.flashedge.app.js from the js folder and find on line 440 the ticker function. Replace the existing value set at 5000 milliseconds with yours. Save and minify the file by adding a ”.min” suffix like the existing one.

Dear Flashedge, one more question about the “parsing of #” issue…When I check your “untouched” template from local on the latest version of OSX Chrome whatever page I open first, it doesn’t let me browse the other template pages but the first page I opened.

E.G.: If I open index.html, I can click on works, team, mission, any page and it will only load index.html. On the Chrome browser bar it will say index.html#works or index.html#contact but it will keep loading the index.html page…

bug? any idea why? It doesn’t behave like that on theme forest.

Thanks

Yes. Got it. should have read it before posting. Apologies…

Hi Flashedge… first of all great template!

Second…If I may ask. I would like to turn your masterpiece into a white template. Would it be easy changing it through the styles.less file?

I would also like to remove the music and the photo-background…any tips on the how-to?

Thank you very much for your time.

Luigi

The last line before the closing head tag contains this:
<link rel="stylesheet" href="css/custom.css">
Uncomment it. Open then custom.css inside the css folder and apply all your rules there.

In order to remove the audio player, just strip out the musicPlayer div. Same thing for the background, get rid of the bg div.

Thanks for your time and for the very quick answer. I will ask one more question and I’ll shut up: promise!

I didn’t manage to change the color of the line at the bottom of the sub-menus “about” and “works” from white to black. it vanishes as soon as I hover it. Is the color changed through your styles.less or in foundation.css? Which line if I may ask? I guess it’s a png like the down facing arrows? Where is exactly? I couldn’t find it. It’s not in the sprite.png…

It’s inline styles managed through javascript. You’ll find inside net.flashedge.app a part where it manages the navigation and there is a line like this:
$(this).children('.main').css({'border-bottom':'2px solid rgba(255, 255, 255, 0.4)'});

Replace rgba values to match your color, in your case it’s zero instead of 255. Do the same with all other rgba values. Save the js file and minify it, you can use the tool on this site: http://refresh-sf.com/yui/

Add the min suffix to the file and replace the existing one.

Isn’t there any wordpress edition of it? I purchased it with the thought it would be compatible with wordpress^^

I’m sorry this template is standalone and doesn’t work with wordpress. There was one crafted by Raphael which can be reached here: http://themeforest.net/user/XiaoThemes

Hi Flashedge, outstanding Responsive theme. Kudos!

One challenge though is the site seems to “trap” visitors to it if you go one link deep. For example, if from an open web page I navigate to http://themes.flashedge.net/vega/ (your demo) and then click on any of the top menu links, and then hit back, I can only go back to the main index.html—I cannot go back outside the site.

Is this possible to fix? I’ve observed it on all browsers so I suspect it has something to do with how the parsing of # is occurring—I’m just worried that Google and other search engines won’t like a website that doesn’t allow you to “back out” gracefully?

Any ideas?

I see, it’s a minor issue and shouldn’t be a reason for being worried about hurting SEO. Anyway I’ll investigate the glitch and see if there is a workaround.

Which version of foundation are you using?

The second version of Foundation which was the one available when I released the template.

En français : A l’aide, Flashedge!

Votre page: http://themeforest.net/item/vega-html5-responsive-template/full_screen_preview/2402989 bloque dans Internet Explorer … et affiche le message “themeforest.net ne répond pas”. On nous proposons la restauration de la page Web. Mais même le bouton de réinitialisation est coincé …

Nous avons la version Internet Explorer 11 et bien sûr c’est pareil sur notre site internet: . http://livedeclic-images.fr/portfolio.html Merci d’avance pour votre réponse. Nous profitons de ce message pour vous souhaiter une bonne année 2014 pleine de projets …

Merci pour avoir signalé ce problème. Au moment de la libération IE11 n’était pas disponible. Bien que je me roule sur les correctifs pour éviter les problèmes dans ce que votre navigateur trop. Vous devriez être capable de voir parfaitement maintenant sur ??l’aperçu ici: http://themes.flashedge.net/vega/

La mise à jour sera disponible dès qu’il est approuvé par l’équipe d’examen.

Help, Flashedge!

Page: http://themeforest.net/item/vega-html5-responsive-template/full_screen_preview/2402989 blocks in IE … and displays the message “themeforest.net not responding”. We propose restoring the web page. But even the reset button is stuck …

We have the IE11 version and of course it’s the same on our website: http://livedeclic-images.fr/portfolio.html. Thank you in advance for your response. I want to wish you a happy new year 2014 full of projects ...

Thanks for reporting this issue. By the time of release IE11 was not available. Though I’m rolling out the fixes to avoid any glitches in that browser too. You should be able to view it flawlessly now on the preview here: http://themes.flashedge.net/vega/

The update will be available as soon it’s approved by the review team.

Hello, I have purchased your theme and using it here. This is Wordpress website. Is it possible I can make the links in the navigation work traditionally (not using Ajax)? They would be linking to Wordpress pages.

Sure, just add a target attribute to your anchor tags and AJAX will be skipped.

Look at the logo please. I added a target attribute to the link of the logo, but it still tries to render it with Ajax.

You asked for the navigation, not for the logo. Inside net.flashedge.app.js you’ll find on line 146 the following code:
$('.nav-bar li a:not([target]):not([href^="#"]):not(.selected), .logo a').click(function(e){
Remove the last selector which refers to the logo. Save the file and minify it. Replace the existing js file with the ”.min” suffix. You should get rid of the AJAX this way.

Hello flashedge,

Many compliment for the theme. I’m trying to reduce the dimension of the menu font only for iPad but cannot find the related css… any help? they are much more bigger than on a desktop version…

cheers L

Add to custom.css your stylesheet rules and target through media queries only iPad like this:
@media all and (device-width: 768px) and (device-height: 1024px) {
#header .nav-bar a { font-size:19px; }
#header .nav-bar .flyout a {font-size: 12px;}
}
Save the file and uncomment the last line in your html document before the closing head tag where the custom.css is linked.

Hello, please when i try to see the images on my site….it opens up to large and shows only the head of the person, how do i reduce the witdth. p.s assume am a novist…lol. website is www.vedelonline.com

Use prettyPhoto if you don’t want cropped images. It’s integrated inside the template. The full documentation can be found here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

what happened to the wp version?

Add to your link tags the following attribute:

rel="prettyPhoto"
Check out the full documentation here: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation

will this override the slide up version of the images??

No, it will open a lightbox instead of the fullscreen gallery for each anchor tag where you apply such attribute.

hello! where I can download the very latest version of this theme? tweet is not working. (ps. I have purchased it!) thanks :)

This is not the Theme. It’s a Template. Twitter changed their APIs and usage policies. This is why I skipped support for it and replaced it with a common news ticker. You’re free to integrate it on your own though.

i put a link to another website and doesn’t work…

Remember to add a target attribute to your anchor tags that don’t use AJAX for loading pages.

After disabling the mp3 player, is there a way to remove the empty space allocated for the player so that the main content is positioned at the very bottom of a browser?

Thank you

I’ve figured out the issue, sorry.

Hi, I have recently purchased this theme and used it on http://www.leconfieldpg.com – the problem I am having is in Safari 7 on the new OS X Mavericks. The transparent black background for the content does not appear transparent and just a solid colour, could you advise.

It’s semi-transparent. I can see the background. Maybe your monitor is too dark?

Its def not my monitor. If you look at line 1362 of styles.css:

content .opaque {

background-color: rgba(0, 0, 0, 0.8);

If you change the css to: background-color: rgba(0, 0, 0, 0.6);

It looks fine in Safari 7 but too light in Chrome where you need the 0.8

How can I get round this, is there a Safari 7 only hack?

They both run webkit, so the same css rules apply. If you really can’t get along with it you can add your own rules inside the custom stylesheet. Here’s how to target only Safari: http://stackoverflow.com/questions/4053930/apply-css-only-for-safari

Whats up with the wordpress theme of VEGA?`:( my CommentBox dont works.

Greetings

I’m sorry about that. It seems like Raphael dropped that theme. You might try to contact him at his profile page: http://themeforest.net/user/XiaoThemes

I wrote him. He said “only a few days”... But nothing happends. I am dissatisfied. Wrote him again today i hope there is a way to fix all the problems. All my other Themes are fully supported from the Author.

I guess it’s because my template is AJAX based and needs some additional work to provide Wordpress support. Unfortunately his portfolio is beyond my control and I didn’t get any news from him too by the way.

Hello flahedge,

I realize my photographer husband a website in html I bought you (Vega Responsive HTML5 Template Preview – ThemeForest) and I change with Dreamweaver CS6:

http://livedeclic-images.fr/ But my husband would remove the black band transparent (but not the text, or the effect that “back”) to better see the pictures in the projects. Can you help me? Thank you and thank you in advance for short because the site is really beautiful!
Hi Sablette, I guess you’re referring to the gradient behind the menu. You can get rid of it by removing the following dom element.
<div class="gradient" />

Merci, Flashedge, je vais essayer… et je vous tiens au courant !

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