58 comments found

blurry Purchased

Volcano provides 8 different background image to enhance your site’s display. Default background image is the blue one. Also you can add one of the following classes below to change the color of your site’s background.

page-bg-type1 (Purple), page-bg-type2 (Rose), page-bg-type3 (Blue), page-bg-type4 (Green), page-bg-type5 (Red), page-bg-type6 (Gray), page-bg-type7 (Turquoise), page-bg-type8 (Orange)

hey there, this background images are just the bg type, how do we change the bg COLOUR ? default is black.

there is only the type and pattern in the help file, never mention anything about the bg COLOUR .

valtinbas

Hi @blurry

You can find answer of your question, under the FAQs tab of volcano theme.

Thanks
Volkan

Hi Volkan,

The template is great, but I have one problem that I cannot find a solution for. When I select a menu item I would like it to turn red and stay red until a different menu item is selected. I have attempted to achieve this by adding the following “a: focus” line in general.css above the “a: hover” line:

ul.navigation > li > a:focus {color:red;} ul.navigation > li > a:hover, ul.navigation > li > a:active {color:#CCCCCC; background:url(../images/navigation_hover_bg.png) 50% 100% no-repeat;}

This works fine in IE and Firefox and the selected menu item displays in red, but this does not work in Googel Chrome or Safari where the selected menu item does not change colour. Do you know why this is and do you know a way to make it work consistently for all browsers ? Thanks Ian

valtinbas

Hi @vfxcreative

Google Chrome and Safari doesn’t support ”:focus” event on <a /> element. You can find more information about this the following url “http://www.quirksmode.org/dom/events/blurfocus.html#t02”. I am sorry but there is no way to do this via CSS .

In fact, there is a way but I don’t advice this solution. If you want to do you should change the code below from

$('ul.navigation li a').live('click',function(event){
   event.preventDefault();
   var id = $(this).attr('href');
   $.scrollTo(id, 800, {offset:-headerHeight});
   lastNavItem = id;
})

to

$('ul.navigation li a').live('click',function(event){

   $(this).addClass('active').parents('ul.navigation').find('a').not(this).removeClass('active');

   event.preventDefault();
   var id = $(this).attr('href');
   $.scrollTo(id, 800, {offset:-headerHeight});
   lastNavItem = id;
})

in the functions.js under the “assests/scripts” folder.

Kind Regards
Volkan

Would it be possible to have a video INSTEAD of the slide show on the main page?

valtinbas

Hi @Gibbtall

Yes, you do. The Piecemaker 2 plugin supports a lot of video formats. Further information, please read help document under http://www.modularweb.net/content/en/piecemaker/documentation.pdf

Thanks,
Volkan

Hi there, bought your template and have been fiddling with it all day – great job! Two questions though: How do I actually turn a pattern on or off and is there a way to centre images in the nivo slider for pics that are smaller than the optimum size?

Thanks very much :)

valtinbas

Hi Johnny

Thanks for your good words. You can find the answer of your question below;

Answer 1

There are 6 pattern types in the volcano. To active the pattern, you should add the following classes between ”.pattern-type1”, ”.pattern-type6” the div which has “pattern” id.

For example

Answer 2

I am sorry, but there is no way to centre images in the nivo slider because of the working principle of it.

Kind Regards Volkan

Hey Volkan,

Thank you for your reply – most helpful. Almost done now but one other little thing that is puzzling me is where is the hover state for the facebook png located in the code? I want to have the same thing on the links that I added too you see. Is it something to do with the prettyPhoto thing? Sorry if this question is rather obvious but I am only just starting to get the hang of this and we all have to start somewhere eh.

Enjoy your weekend

Johnny

valtinbas

Hi johnny

Open the “functions.js” and add the code below end of the file. That is all.

For example;

$('body').find('a').css({'opacity':0.6});

$('body').find('a').hover(
    function(){
        $(this).stop().animate({opacity:1})
    },
    function(){
        $(this).stop().animate({opacity:0.6})
    }
)

Kind Regards Volkan

Default-user

Cheers mate, got it all working and online now. Just one leeetle problem which is the contact form – when filled in and submitted, I just get a little red ‘loading..’ message above the form and nothing happens. I have tried the suggestions listed earlier in these comments. Any pointer in the right direction would be great.

Many thanks

Johnny

valtinbas

Hi @johnny_alpha

I am not sure what the problem is that’s why please send me the url of your web site on the themeforest mailing system.

Thanks,
Volkan

Hello valtinbas

I bought your template and it’s very great. It’s very beautiful. I like it :)

But I have three questions.

1. When I right click on the images is the point to the left. so confused. how do I change it?

2. How can I change the favicon?

3. The sub-themes have a black background. How can I make this transparent?

thank you very much

best regards wt

valtinbas

Hi webtrader

I am sorry my late response because I am on vacation and I have limited internet connection. I will answer all your question sunday. Thanks for your understanding.

valtinbas

Hi webtrader

You can find the answer of your question below;

1 – I am sorry but I couldn’t encounter this problem on the demo sites. Could you please give me more information of the problem?

2 – You should add the code below into the head tag.

<link href="/favicon.ico" rel="shortcut icon" />

3 – There are two ways to make it. One of them is added to css rules below to the class you would like but this changes affects all elements under the class have. That’s why I don’t suggest this method.

.classname { background:#000; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

Second method is created a transparent background image. It is a common way to add transparent to background.

Kind Regards, Volkan

Hello Mr. Volkan

Thank you very much for your help

No. 1 When I right click I want the ball goes right. How can I change this?

https://rapidshare.com/files/814860889/pic.JPG

thank you very much

best regards webtrader

valtinbas

Hi @webtrader

Open the general.css file and please change the css rules below from

div#slider div.nivo-controlNav {
background:url(../images/slider_control_bg.png) repeat-x;
bottom: 0;
right: 0;
position: absolute;
height:54px;
width:980px;
padding-right:18px;
z-index:88;
voice-family:"\"}\"";
voice-family:inherit;
width:962px;
}    

div#slider div.nivo-controlNav a {
background: url("../images/bullets2.png") 0 0 no-repeat;
border: 0 none;
float: right;
height: 13px;
margin-right: 3px;
margin-top:20px;
text-indent: -9999px;
width: 13px;
        }    

div#slider div.nivo-caption {
background:none;
width:auto;
left:0;
}

div#slider div.nivo-caption p {
padding:18px 28px;
text-align:right;
font-size:14px;
position:relative;
z-index:100
}

to

div#slider div.nivo-controlNav {
height:54px;
bottom: 0;
right: 0;
position: absolute;
padding-right:18px;
z-index:90;
}    

div#slider div.nivo-controlNav a {
background: url("../images/bullets2.png") 0 0 no-repeat;
border: 0 none;
float: left;
height: 13px;
margin-right: 3px;
margin-top:20px;
text-indent: -9999px;
width: 13px;
}    

div#slider div.nivo-caption {
background:url(../images/slider_control_bg.png) repeat-x;
left:0;
height:54px;
width:980px;
}

div#slider div.nivo-caption p {
padding:18px 28px;
font-size:14px;
position:relative;
z-index:100
}

That’s all.

Kind Regards, Volkan

nice template… I have a pre-purchase question. Does the contact form work or is it a mock up. If it works how easy is it to edit?

valtinbas

Hi @kingobee

I am sorry for late response. The contact form is not a mock up.

It is not easy to tell you step by step how you can but If you improve the contact form (adding or removing new area), you should small changes on the some files like below;

- index.html
- assets/scripts/functions.js (under the Contact Form Definations area)
- assets/contactForm/contact-send.php

Kind Regars, Volkan

Hello Volkan

Thank you for your help

I adjusted the file, but it does not work.

The point goes back but I click the forward arrow

https://rapidshare.com/files/3454026199/general.css

pls help me…

best regards webtrader

valtinbas

Hi @webtrader

I have checked the file which you sent, but I didn’t see any problem on the file. Could you please send me the url of your web site on themeforest mailing system. Also you can see an example for slider on http://www.animapati.com

KR
Volkan

Oh my… this is beyond sexy! I’ll most likely purchase it in the near future. Bookmarked :)

valtinbas

Thank you Thomas

dkgrafix Purchased

Love it. Had to mess with the form a bit to add some security, but that was it. This is with a minimal HTML knowledge. Here is the site http://www.strongsvillescreenprinting.com

Thanks

valtinbas

Thanks @dkgrafix. In addition, I liked the new image of my theme ;)

perstef Purchased

Love the theme! It was super easy to edit in Dreamweaver and I was able to get it up in a day. My only issue is the contact form. I went in and changed it to my address, but nothing happens when I click the submit button. Any ideas?

Here’s the site: www.perstef.com

Thanks!

valtinbas

Hi @perstef

Thank you for your words. I guess, your hosting service doesn’t support to PHP . You can check this to contact with your hosting service.

Kind Regards,
Volkan

audex Purchased

How to open external link the menu?

I configured this way but it does not work

<li><a href="link external page" target="_blank">Title external page</a></li>

Thanks!

valtinbas

Hi Audex,

You are right. It doesn’t work because, I have disabled the current behavior “a” tag to work scrolling effect.

Could you please send me email using Themeforest contact form then I can help you.

Thanks,
Volkan

audex
audex Purchased

I sent you my address on your facebook profile.

valtinbas

Hi again,

I didn’t get any message from you on my facebook profile. Could you please send it again?

Thanks

valtinbas

Hi Audex,

I have sent a mail to you.

audex
audex Purchased

Perfect, thank you very much. greeting

Absolutely beautiful template and exactly what I was looking for.

One major issue is that I can’t seem to use a Vimeo link instead of the pictures in the Portfolio section. I saw another person commented about this but I wasn’t seeing the answer you had given them. Help!

valtinbas

Hi @Revolver37,

Do you want to add video in the portfolio section or just change the link of picture with Vimeo link?

If you want to see a video then you click on the portfolio item you should just change the link url with as you wish.

Example:

<a href="http://vimeo.com/8534032" rel="prettyPhoto[animation]" title=".."><img src=".." alt=".." /></a>

Also you can check the following link http://www.mustafamuratboyaci.com/

Default-user

THANK YOU! It worked! I was removing too much of your code and it was getting confused. You are awesome.

valtinbas

You are welcome. Please don’t forget to vote the theme ;)

One more question. When trying to insert a widget, I get a map of Istanbul. (I’m trying to insert a ReverbNation song widget) Not sure what’s going on. Here is the code I’m trying to insert in the Portfolio 2 section:

<iframe class=”widget_iframe” src=”http://www.reverbnation.com/widget_code/html_widget/artist_3186327?widget_id=50&posted_by=artist_3186327&pwc[design]=customized&pwc[background_color]= 23333333&pwc[included_songs]=1&pwc[photo]=0%2C1&pwc[size]=fit” width=”100 ” height=”100%” frameborder=”0” scrolling=”no”></iframe> <center>Promote your mixtape at ReverbNation.com</center>
valtinbas

Hi Revolver73,

The portfolio area has been created for showing image not iframe. But you can put the code above in the div which has “portfolio-image” classes in the portfolio area.

Also as I saw that http://www.reverbnation.com/ doesn’t allow to access itself in a iframe. I am sorry.

Hi Volkan,

I bought your template and so far everything is working fine. The only problem I’m having right now is that when I try to put a video into the piecemaker gallery it won’t play. I had a look at the piecemaker documentation and it says it should work if I add this to the content section in the piecemaker.xml:

<Video Source=”contents/video.mp4” Title=”Video Example” Width=”730” Height=”365” Autoplay=”true”> <Image Source=”contents/video-preview.jpg”/> </Video>

But I just sticks to the image and won’t do anything. Am I missing something?

I also wanted to ask if it’s possible to embed videos (like vimeo) in the nivo-slider. I read something that it should be possible with the latest version. I would prefer that method because piecemaker doesn’t seem to work on iphone/ipad.

Thanks in advance,

Chris

valtinbas

Hi Chris,

If you share your site url, I can check what the problem is for Piecemaker. Unfortunately, It is not possible because Nivo only supports “image” :(

Kind Regards, Volkan

valtinbas

Hi Chris,

I have checked your site and I saw that the problem is related with video url “http://www.chrisgodzik.com/assets/piecemaker/assets/mov/cell.mp4” If you check the url in browser you will see an error message which is “ERROR 404 – Not Found!”

Please correct your video url and then I guess everything will be working like a charm :)

Have a nice day Volkan

by
by
by
by
by
by