I have purchased this template and i am having some issues trying to modify it to my needs. I want a pretty simple site for my small recording studio.
I am still working offline, so its not on the server yet. i cant provide any link.
Here are a few issues i am having.
1. I want to set the template to a light - and orange highlights.
At the moment is in Dark and Red Highlights, and i cant change the default.
2. When changing to light with style switcher, the text on the biography is the same colour as the background (Black) therefore can't be seen.
3. It would be great if i could implement a google map anywhere on the template. Is that possible, or everything has its own space and nothing can be relocated?
4. I cant find the right place to write the links for the social media icons at the bottom of the page.
1. You can see the highlight colour is light blue.. it would be great to change it to orange.
2. On the LAST NEWS, the left and right Arrows, also have a black background.. is it possible to modify this??
3. On DISCOGRAPHY, you can see that the text between the artist name and the Buy Now, is white, ... could you tell me where can i make it black?
4. The Twitter widget .. i seem not able to get the number its asking for. I have tried to create the widget, but at the end it gives me a html code for embedding. Any way i can use this to display the last tweet?
Thanks so much for your attention... and so sorry for throw you so many questions at once... I just need to get this finished asap and start working on music... Hope you understand.
/* Twitter */ function loadTwitter(){ var username='vesper_on'; // Insert your twitter Username var format='json'; var url='http://api.twitter.com/1/statuses/user_timeline/'+username+'.'+format+'?callback=?'; // Creamos la URL completa para extraer el último tweet
/*$.getJSON(url,function(tweet){ // Geting all tweets $("#last-tweet").html(tweet[0].text); // cogemos el primer tweet y lo introducimos dentro del div con id last-tweet });*/ } loadTwitter();
In google Chrome, i see the diamond shaped backgrounds with a line across.. ( pictures attached) is safari doesn't happen.
Also, i don't know how to make the style switcher on the right side, disappear.
Another thing i wanted to take out is the hoovering or highlighting of the last news section, as well as the links... i want it to be an static.. no links or movement.
I also want to know how to link the iTunes Beatport etc on the 3 different albums on Discography section.
I can see the twitter working, and i have read the reasons of why @undefined is feeding into many html websites... I have tried to find @undefined or www.twitter.com/undefined or anything similar, but i am unable to do so. Could you tell me where is the place to update the username? I have found 1 undefined, and replaced it with @rocktonestudio (with and without @) but its not going?. would it change immediately, or it would take a while to update??
Also, i have noticed, that on Ipad, the news section, (services on my web) it only shows 5 items, but i have 6 on the website.
I have also noticed that i have pasted this code on sonogram.css, but the color picker is still showing ( on web)
If i preview in my comp is not there... and i double checked that the same files are up on the server.
I have a couple of questions other than the twitter issue.. (still showing the @undefined feed)
Here is the question...
Im trying to increase the time between the text on the top section of the site. ( the text on the slides) The slides time is good, but the text goes a bit too fast. I have found the time that takes to fade in and fade out, but not the time it remains in main position.
Also, is there any length restrictions on Audio tracks? and MP3 Bit-rates? .. i am assuming that it would only play mp3. is that right?
Also, is it possible to add some text on the menu area? i mean like telephone number or something short.
1. Please clear your caches and cookies then check your website again, the problem with twitter resolved.
2. The time for title can control in: sonorama.js file. You will see the code look like below:
/* Slider AutoChanging Title */ function loadTitleAnimated(){ var myInterval; var contador = 1; var myFunc = function() { var cur = $('.main-title ul li').length; //alert(contador); if(cur == contador) {; $('.main-title ul li.t-current').removeClass('t-current'); $('.main-title ul li').first().addClass('t-current'); contador = 1; } else { contador++; $('.main-title ul li.t-current').removeClass('t-current').next().addClass('t-current'); } }; myInterval = setInterval(myFunc, 5000); // Set Animation Interval in Miliseconds }loadTitleAnimated()
Please change 5000 to your time.
3. Yes, we just support mp3 file only.
4. The area for phone, ect ... is possible, you can do it in your website but you need create it with yourself because we don't provide support for customization or something not relate from original version. Sorry for inconvenience.
5. Please add this custom style to fix the problem with social icon.
@media only screen and (max-width: 795px) {
.footer-container .social-ico {float: left !important;}
}
i think we are 99% there, but the Twitter thingy still not showing properly. i have checked from 3 different computers and 2 ipads and 2 phones and in most of them checking for the first time. and still showing the other guys twitter.
The only last question is that if is possible to make the logo on the top left side of the screen respondent. I mean.. to scale down with the rest of the site when on different resolution, or on different device.
i am aware that i have been a bit annoying.. and i apologise about that. I am new to all this, and it was a challenge to do it myself. (of course with your great support.)
The code for the logo works great.. Thanks so much..
But the social media icons, although it looks good on mobiles it shows messy on computers. I like how it shows before on computers, but how it appear now on mobile devices. Is something we can do, or is a matter of choosing one or the other one. If that is the case, i would prefer how it looks before.
i just noticed that on mobiles the logo size looks great on normal view, but on landscape it resizes back to a bigger size. Could i use the same code you provide me before to adjust all the measures?
I have tried going by the different resolutions and pasting the same code, but altering the %, but i believe it doesn't work like this,.. because it didn't show properly.
I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.
P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.
You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme, thank you very much!!
Hi there,
I have purchased this template and i am having some issues trying to modify it to my needs. I want a pretty simple site for my small recording studio.
I am still working offline, so its not on the server yet. i cant provide any link.
Here are a few issues i am having.
1. I want to set the template to a light - and orange highlights.
At the moment is in Dark and Red Highlights, and i cant change the default.
2. When changing to light with style switcher, the text on the biography is the same colour as the background (Black) therefore can't be seen.
3. It would be great if i could implement a google map anywhere on the template. Is that possible, or everything has its own space and nothing can be relocated?
4. I cant find the right place to write the links for the social media icons at the bottom of the page.
Thanks so much for your help
Hi,
1. In the body of the index.html file, please add class: light orange. It will display light with orange color such as your wish.
2. Please add the css code in the path: sonorama -> css -> sonorama.css, please put it in the end of the file:
#about-us .sec-content {color: #fff !important;}
3. You can add google in html template, please check some instruction below to do it:
https://developers.google.com/maps/documentation/embed/guide
https://developers.google.com/maps/documentation/javascript/overlays
4. In the index file, you will see this code:
Just change it to:
Best Regards,
Jelly Team
Excellent....
Thanks very much...
Everything is fine now, except the 1st point.
The highlight colour is light blue, and I'm not sure where to put the light orange.
Would you be so kind to give me the exact code and location. I am new to all this, and at the moment its a bit overwhelming.Also, just take this opportunity to ask you another question.
I have uploaded the website on the server for you to have a look if you can,
http://www.rocktonestudio.com/beta/test/
1. You can see the highlight colour is light blue.. it would be great to change it to orange.
2. On the LAST NEWS, the left and right Arrows, also have a black background.. is it possible to modify this??
3. On DISCOGRAPHY, you can see that the text between the artist name and the Buy Now, is white, ... could you tell me where can i make it black?
4. The Twitter widget .. i seem not able to get the number its asking for. I have tried to create the widget, but at the end it gives me a html code for embedding. Any way i can use this to display the last tweet?
Thanks so much for your attention... and so sorry for throw you so many questions at once... I just need to get this finished asap and start working on music... Hope you understand.
Kind Regards
Hi,
1. In the body tags:
2. I think you will need class: light in body tags to correct the arrow, then it will look like that:
3. Please add the css code in the path: sonorama -> css -> sonorama.css, please put it in the end of the file:
.disc-title, .disc-info p {color: #000;}4. For the twitter, please provide ftp information. I will need update some files to make it work correct.
Best Regards,
Jelly Team
Hi there,
First of all, thank you for all your great support. You are helping me a lot to get this done.
Everything seems to be perfect.. except for the orange colour. I can't make it work. its still blue.
Here are the log in details for the twitter bit.<Host>ftp.kisumusik.com</Host>
<Port>21</Port>
<Protocol>ftp</Protocol>
<Type>0</Type>
<User>[email protected]</User>
Password: gTJ{UB0:KJq#
<Logontype>2</Logontype>
<TimezoneOffset>0</TimezoneOffset>
<PasvMode>MODE_DEFAULT</PasvMode>
<MaximumMultipleConnections>0</MaximumMultipleConnections>
<EncodingType>Auto</EncodingType>
<BypassProxy>0</BypassProxy>
<Name>ftp.kisumusik.com</Name>
Again, thank you so much for your help
Hi,
In this file: http://www.rocktonestudio.com/beta/test/js/color-picker.js, please change the code:
To
For the twitter, you will need update this file:
http://www.rocktonestudio.com/beta/test/js/tweets.js
With new version:
https://raw.githubusercontent.com/jasonmayes/Twitter-Post-Fetcher/master/js/twitterFetcher.js
Then go to: http://www.rocktonestudio.com/beta/test/js/sonorama.js and search: Twitter, add your user name in the code like below:
Best Regards,
Jelly Team
Hi there,
Thanks for your answers...
The orange colour is perfect... Solved.
The Twitter think its still not working...
i have a couple of other issues
In google Chrome, i see the diamond shaped backgrounds with a line across.. ( pictures attached) is safari doesn't happen.
Also, i don't know how to make the style switcher on the right side, disappear.
Another thing i wanted to take out is the hoovering or highlighting of the last news section, as well as the links... i want it to be an static.. no links or movement.
I also want to know how to link the iTunes Beatport etc on the 3 different albums on Discography section.
Thank you ever so much for your great support.Kind regards
Hi,
1. For the twitter, if you can provide ftp information, it will help me a lot to check it for you.
2. I checked with my device and it's work good, maybe you can provide your website url so I can check it?
3. Please add this custom style to hidden it:
.color-picker {display: none;}4. Please add this custom style to static the last news:
.last-news:hover .news-info { background-color: #2b2b2b !important; }5. Please go to the Discography section, you will see the code look like below:
<li><!-- Disc #1 --> <div class="disc-img open-disc" id="disc-01.html"> <img src="img/discography/thumb-01.jpg" alt='img' /> <div class="overlay"></div> </div> <div class="disc-info"> <h2>Aurora LP</h2> <p>The amazing album <br/>"Aurora LP" is now available</p> <p><a href="#">Buy Album</a></p> </div> </li><!-- end Disc #1 -->You will see the href in Buy Album, please include your link in # of href like this:
Best Regards,
Jelly Team
Hi there,
Many thanks for your reply.
1
Here are the log in details for the twitter bit.
<Host>ftp.kisumusik.com</Host> <Port>21</Port> <Protocol>ftp</Protocol> <Type>0</Type> <User>[email protected]</User> Password: gTJ{UB0:KJq# <Logontype>2</Logontype> <TimezoneOffset>0</TimezoneOffset> <PasvMode>MODE_DEFAULT</PasvMode> <MaximumMultipleConnections>0</MaximumMultipleConnections> <EncodingType>Auto</EncodingType> <BypassProxy>0</BypassProxy> <Name>ftp.kisumusik.com</Name>
2
For the line across the screen, here is the URL
http://www.rocktonestudio.com/beta/test/
3 - 4
When you say "add this custom style", do you mean paste it in the index? or any css?
Pointe 3 and 4, i guess they have to be placed on the same file, but i don't know in which.
5 done.. perfect...
Thanks a lot
Hey there,
I found where to paste the code for points 3 and 4 (below)
But it doesn't remove the hyperlinks. I don't mind the hover, but i would like to remove the links...
Also, in the discography section, how could i add and remove stores?
Thanks so much
Hi,
1. For the last new, please check it again.
2. For the discography, you will need remove the code in dics section file or if you want add new store, you will need add it by yourself.
You will find the image for it in here:
You will need replace your icon for these stores.
3. I had updated twitter feet now, please check it.
Best Regards,
Jelly Team
Hi there,
I can see the twitter working, and i have read the reasons of why @undefined is feeding into many html websites... I have tried to find @undefined or www.twitter.com/undefined or anything similar, but i am unable to do so. Could you tell me where is the place to update the username? I have found 1 undefined, and replaced it with @rocktonestudio (with and without @) but its not going?. would it change immediately, or it would take a while to update??
Also, i have noticed, that on Ipad, the news section, (services on my web) it only shows 5 items, but i have 6 on the website.
I have also noticed that i have pasted this code on sonogram.css, but the color picker is still showing ( on web)
If i preview in my comp is not there... and i double checked that the same files are up on the server.
.color-picker {display: none;}
.last-news:hover .news-info {
background-color: #2b2b2b !important;
}
I am so sorry that this is taking me so long.. and i am bothering you a lot...
Hopefully, i will finish it today, and thats it...
Thanks a lot...
Hi,
No problem, I had updated your website, please check it.
Best Regards,
Jelly Team
Hi there, ..
I have a couple of questions other than the twitter issue.. (still showing the @undefined feed)
Here is the question...
Im trying to increase the time between the text on the top section of the site. ( the text on the slides) The slides time is good, but the text goes a bit too fast. I have found the time that takes to fade in and fade out, but not the time it remains in main position.
Also, is there any length restrictions on Audio tracks? and MP3 Bit-rates? .. i am assuming that it would only play mp3. is that right?
Also, is it possible to add some text on the menu area? i mean like telephone number or something short.
Thanks so much for your help
Hi ...
I forgot to mention in my last message that on phones and tablets, the social media icons right at the bottom don't show up.
Can you guide me on where to look for that?
Thanks so much
Hi,
1. Please clear your caches and cookies then check your website again, the problem with twitter resolved.
2. The time for title can control in: sonorama.js file. You will see the code look like below:
Please change 5000 to your time.
3. Yes, we just support mp3 file only.
4. The area for phone, ect ... is possible, you can do it in your website but you need create it with yourself because we don't provide support for customization or something not relate from original version. Sorry for inconvenience.
5. Please add this custom style to fix the problem with social icon.
@media only screen and (max-width: 795px) { .footer-container .social-ico {float: left !important;} }Best Regards,
Jelly Team
Hi there,
i think we are 99% there, but the Twitter thingy still not showing properly. i have checked from 3 different computers and 2 ipads and 2 phones and in most of them checking for the first time. and still showing the other guys twitter.
The only last question is that if is possible to make the logo on the top left side of the screen respondent. I mean.. to scale down with the rest of the site when on different resolution, or on different device.
i am aware that i have been a bit annoying.. and i apologise about that. I am new to all this, and it was a challenge to do it myself. (of course with your great support.)
Thanks very much
Hi,
Sorry for my mistake, I had updated twitter correct now, you will need change your twitter user in: tweets.js file.
I'm sorry but I don't understanding your request about the logo. Maybe you can make some screenshots to help me understanding it better?
Best Regards,
Jelly Team
Hi there,
Hope you are well...
Thanks very much about the Twitter.. it working fine now... looks great...
1. What i mean about the logo being more responsive, i mean this... (pic 5511 attached)
When scaling the web down, everything within the web is scale proportionally, but the logo remains the same size on every resolution.
Is it possible to make it to somehow be in proportion with the rest of the site?
2 Also, in the social networks area, when on mobile devices, it shows like this. (Pic 5512 attached)
The diamond shapes are all equally spaced except 1. Would it be possible to add a bit more space in between Facebook and Youtube Icons.
Thanks so much for your help.
Hi,
For the logo in responsive, please try:
@media screen and (max-width: 568px){ .header img {width: 35%;
height: auto;
} }
For the icon space, I had updated it for you now, please check it.
Best Regards,
Jelly Team
Hi there,
Thanks for the answer..
The code for the logo works great.. Thanks so much..
But the social media icons, although it looks good on mobiles it shows messy on computers. I like how it shows before on computers, but how it appear now on mobile devices. Is something we can do, or is a matter of choosing one or the other one. If that is the case, i would prefer how it looks before.
Thanks so much
Hi ...
i just noticed that on mobiles the logo size looks great on normal view, but on landscape it resizes back to a bigger size. Could i use the same code you provide me before to adjust all the measures?
I have tried going by the different resolutions and pasting the same code, but altering the %, but i believe it doesn't work like this,.. because it didn't show properly.
Thanks so much
coming from my last message.. this is how i see at these different resolutions....
All the other resolutions are fine...
I just want to keep the logo inside the white space
Hi,
Everything update correct now, please check your website.
Best Regards,
Jelly Team
Hi there,
Thank you ever so much...
Everything looks great now...
I can't thank you enough
Good on you.
Thanks again,
Hi,
Glad it’s working for you now. Do you still need my help?
Best Regards,
Jelly Team
Hey... Thanks..
Everything is perfect...
Thanks so very much for all your help. Very kind
Hi,
I am currently closing the ticket. Please don’t hesitate to submit a ticket whenever you need help. I will be happy to assist you.
P.S. I would appreciate if you could please rate the Theme and like the assistance under my support, means a lot to me. Thank you.
You can rate it with your themeforest account at your downloads page, precisely at this link: http://themeforest.net/downloads and hover over the 5 stars for our theme, thank you very much!!
Best Regards,
Jelly Team
Done...
Thanks so much guys...
Hi,
Thank you so much for your support. I will close this ticket now, let me know if you still need help.
Best Regards,
Jelly Team