14 comments found.
Note: To get the v1.1.4 default template slideshow working on a linux server, rename the extension for background2 from ”.JPG” to ”.jpg”.
Awesome Job
hi, thinking of buying this theme, just one question – how it is with deleting some items (lets say – countdown & subscribe) out of the page? is it just delete the code, or does it take more work? thanks
Hi,
Thank you for your interest in Hue.
It’s very straight forward to remove sections of the page, all you need to do is delete the HTML code from index page, no other changes are required.
If you need any further help with this, we’re always happy to help on our support site: https://cosmiclabs.ticksy.com/
I hope this answers your question. Thanks 
Hi there, like your template a lot. Have a little issue with the lower logo in responsive view. Seems to be to big on iPhone. Is there any workaround?
Hi, thank you for purchasing Hue, and thanks for your kind words.
To edit the size of the logo, look for this code in css/style.css (line 534 approx):
.section-main img.logo {
max-height: 100px;
}
and edit the max-height property to a size of your choice.
If the responsive size is too small, look for the same code but further down in the style.css file (in the responsive code section – line 1331 approx) which looks like this:
@media all and (max-width: 599px) {
.section-main img.logo {
max-height: 50px;
}
And again edit the max-height property to a smaller size which works better with your image file (note that in the examples above some code has been removed to simplify the explanation).
We’re working on creating an easier solution for managing image sizes, which will hopefully mean these edits won’t be necessary in the future.
I hope this helps, don’t hesitate to get in touch if you need further assistance.
Kind regards, CosmicLabs Support
Thanks a lot for your quick answer – even on a Saturday. Awesome support!
I already tried to change those values before. Though I’m no expert I thought, that it probably could be done with these changes in style.css.
The changes affect the main-/header-logo, but not the footer-logo. I expected them, depending on each other, concerning the seize. That’s true for desktop-view, but seems not to work for the responsive view.
You may have a look here: http://ami.responsivedesign.is/?url=http://www.ifsec.chThe domain-name is: http://ifsec.ch (I view it on iPhone 4 with header-logo being appropriate, but footer-logo running out of space, which causes the whole page being lateral scrollable.
If you scroll the smartphone-view down to the bottom, you can see, that the footer-logo is still running out of space, although I’ve even tried to limit the height to 30px.
I would really appreciate your help.
P.S. Please excuse my poor english. I’m from Germany and didn’t use the language for quite a while.
Hi highsite, apologies for the delay in getting back to you. No problem about the language, I didn’t notice any mistakes
I’ve checked your sites and also notice the issue you described regarding the footer logo.
As you probably already know, there is currently a CSS property to edit the size of the footer image (at desktop size) which is at line 1176, like this:
.footer-block-middle a.footer-img img {
max-height: 80px;
}
You can edit the size of the footer image on desktop devices here (you probably already know about this, but I thought I’d explain it just in case).
However unfortunately there is currently no responsive CSS in place to make the footer image resize for mobile devices. This was never implemented because we hoped the image would already be small enough using the desktop sizes, but obviously that was an incorrect assumption and we will try to work out a better solution.
To add some more responsive code to alter the size of the logo on mobile devices, go to the responsive section of CSS code (starting at line 1311, which looks like this):
@media all and (max-width: 599px) {
And then paste in the following code (making sure it is inside the {curly brackets} of the media query above):
.footer-block-middle a.footer-img img {
max-height: 50px;
}
You can then use this code to configure a smaller image size to be used on mobile devices.
I hope this helps, please let me know if you need any further help with this or if you have any other queries. If you are still having problems with the image size and are happy to give me your FTP information (in a private message), I would be more than happy to log on and make the necessary changes for you.
Kind regards, CosmicLabs Support
Yeah! It works! Thank you so much! Your template is great, but your support is really awesome. I’ll happily rate you five stars and will always come back and buy again. Would love to see and buy any WP-Theme from you. Is there anything in the making?
Glad to hear that helped, and thank you very much for your amazing feedback, very nice comments and your generous review.
We’ve been busy with freelance lately so haven’t had time to make many new items, but we’ve certainly got some WP plans for the future – although our next few items will probably still be under construction templates.
Once again, thanks for the nice comments – it’s a pleasure to help.
Kind regards, CosmicLabs Support
Hi, I really like the template, but how do you avoid the pinwheel / loading screen when the website first loads?
Hi, thanks for purchasing Hue
First of all, we’re so sorry for our late reply – we usually respond much faster than this! Instead of boring you with reasons, here’s our answer:
It’s not recommended to remove the loading screen completely, as it hides the page while background images/videos are loading which gives the user a cleaner, more professional experience.
Anyway, I’m not sure whether you want to remove just the loading animated icon, or the whole loading screen – so here’s instructions for both:
To remove just the loading animated icon, open up index.html, then near the bottom of the page, inside the “page-loading” div, delete this block of code:
<div id="floatingCirclesG">
<div class="f_circleG" id="frotateG_01" />
<div class="f_circleG" id="frotateG_02" />
<div class="f_circleG" id="frotateG_03" />
<div class="f_circleG" id="frotateG_04" />
<div class="f_circleG" id="frotateG_05" />
<div class="f_circleG" id="frotateG_06" />
<div class="f_circleG" id="frotateG_07" />
<div class="f_circleG" id="frotateG_08" />
</div>
To remove the whole preloader screen itself, so the template goes straight to the content, remove the “page-loading” div and everything inside it, like this:
<!-- Loading Page Overlay -->
<div class="page-loading">
[ ... ]
</div>
I hope this answers your questions. If you would like further assistance please contact us via support@cosmiclabs.co.uk.
Thanks
Superb Service & Support – I found two small bugs and the developer executed the changes and updated the files within 24 hours…Thanks CosmicLabs.
I was so impressed I had to Tweet about it
Thanks for the kind words!
Attractive ! GLWS
Thanks
Perfect job my friend!!! Wish you happy sales
Thank you very much – glad you like it!
Clean and Unique! GLWS
Thanks
Great work!
Thank you
Looks great! GLWS 
Thanks – it means a lot
Nice job, GLWS o7
Thanks
Good luck with sales!
Thank you
Great job ! GLWS
Thanks
