102 comments found.
r
Hello
Hello, I use this theme on my one website and trying to apply all designs but background color is not working on my some pages. For example: data-background-color=”var(—color-light-1) is not working on https://misheel.art/beautiful-sunset-in-khongoriin-els but it works vell on the demo.(https://artemsemkin.com/rhye/html/project-details-8-halfscreen-right-left.html). Could you please take a look and tell me how to fix it?
Hello! If you’d like me to check this please extend your item support period and fix the given URL. Currently it doesn’t open with/without VPN.
Hi Presale questions
1. the score on google and gtmetrix performance are low. Can you help me fix it to top once i buy it?
2. is this bootstrap template? if not may i know what template did you use? Also is the portfolio the only highlights nothing more like in salient that you have an icon with text? can you recommend me any template that i can add in yours as well if i buy it?
Hello!
1. No. I don’t freelance for customizations/optimizations.
2. It uses only Bootstrap columns grid but doesn’t use any other Bootstrap components. Here is the complete list on what is used Credits.
Also is the portfolio the only highlights nothing more like in salient that you have an icon with text? can you recommend me any template that i can add in yours as well if i buy it?
Sorry, I don’t quite understand what you mean. “Icon with text” is showcased on the index demo page in the last but one section.
Hello! great Template, Is it possible to use it in rtl?
Hello! Thanks. There is no implementation for RTL styles in the template.
Is it possible to not have the animations?
Hello. You mean the on-scroll reveal animations? Yes, these can be turned on/off per a page section.
Ho w do i turn of the portfolio animations?
Hello!
1. Remove [data-arts-os-animation] from the page sections where you don’t need animations.
2. Remove .js-split-text class from the text containers to remove split text effects
Thank so much for getting back but removing these from the page did not work! its the animations on the images on the grid when scrolling is it possible to remove these?
You’re right, there is something additional required for Masonry grids. In file js/components.js find class SectionGrid and comment the following lines: https://pastebin.com/iZC2HwsB
Aside from on-scroll animations there are parallax effects applied to the images. If you’d like to disable them too, remove [data-arts-parallax] in the grid items.
Hi, I have old files, how do i do the update with new files? which folders and files should i replace without affecting the current website.
Hello. You could figure it out by inspecting changelog here: https://docs.artemsemkin.com/rhye/html/CHANGELOG.html Each release note contains information on which files were affected by a particular update.
Great template and great support! Thanks!
Thank you!
Hello, I’m scanning website with gtmetrix and will get this error: Analysis Error Lighthouse Error: The page took too long to load (No CPU idle period). Same Error also in your demo. How can I fix it? thanks
Hello! These testers may work incorrectly when there is an animated WebGL scene present on the target page. Unfortunately there is not much I can do about it.
Hello,
Great Theme. Beautiful layouts and transitions.
I have a slight problem – for some reason when transitioning through “Works” – project pages by scrolling from, say project 1 to project 2 – in the demo it would seamlessly transition between the two pages with transition effects of layout changes etc – but while using the downloaded files, when i scroll from project 1 to project 2 – instead of seamlessly transitioning as the demo – a preloader appears after the scroll and project 2 just loads up with a curtain animation instead of the transition effects and seamless movement such as scaling of image etc while scrolling and transitioning from one project to the next.
I hope i didnt confuse you. Am I missing something here? I didnt change any of the code and just to be sure, i used the demo folder just to check if the originals have the same issue – and it did the same thing. Does it need to be on a server for this to work?
Hope to hear back from you. Thanks.
Hello! Thanks.
Does it need to be on a server for this to work?
Yes, that’s the point. AJAX and WebGL features in the template rely on HTTP protocol so they can’t work in file system. Simply use any web-server and you’ll get it working.
I have a html 5 background video. but preloader loads entire video before page is shown. can I “exclude” the video from preloader?
Hello! You’ll need to make it lazy loading otherwise – yes, it will block the page render until it fully loads. E.g. put the actual video source to [data-src] attribute and copy it to [src] on page load event.
Is that just replacing it with the new one?
I mean the HTML/js/vendor.js
Yes. Just replace it. There is an updated version of ThreeJS inside.
Thanks
One other thing I wanted to make the circular images on the albums-slider-covers.html clickable and launch the albums same as the text links the easy way I found was to use a bit of javascript so that clicking the image clicks the link also, at the bottom of the page I’ve added
<script>
var albumCover = document.getElementsByClassName('albumCover')[0];
var link = document.getElementsByClassName('link')[0];
albumCover.onclick = function() {
link.click();
};
var albumCover2 = document.getElementsByClassName('albumCover2')[0];
var link2 = document.getElementsByClassName('link2')[0];
albumCover2.onclick = function() {
link2.click();
};
var albumCover3 = document.getElementsByClassName('albumCover3')[0];
var link3 = document.getElementsByClassName('link3')[0];
albumCover3.onclick = function() {
link3.click();
};
var albumCover4 = document.getElementsByClassName('albumCover4')[0];
var link4 = document.getElementsByClassName('link4')[0];
albumCover4.onclick = function() {
link4.click();
};
</script>
This works fine my question is as with other scripts should I add this to all pages or in the components.js?
Hello. The correct place for the custom JS is described in this article in 3rd-party Scripts Compatibility section. The code will be executed on page load and on each AJAX transition so make sure to add a conditional check if your elements exist on the page. Otherwise it will throw an error.
Thanks got it, have to say I love your themes so slick plus they look wonderful on mobile.
Thank you!
Hi ArtemSemkin, unfortunately the new version of safari 15 crashes when there is a fullscreen slider that use WebGL. Do you have any clue how can we fix this? From what i’ve seen it works just fine on your WP theme but at your demo and my site isn’t. I’ll appreciate any help.
Hello! Thanks for letting me know. Fixed in today’s update. You’ll need to update file “HTML/js/vendor.js” in your setup.
Thank you ArtemSemkin for your quck reaction. It’s working just fine now
Really love this template – with good imagery and content, it outperforms alot of sites like it – written well to expand, scale and implement other features or plugins with ease!
Artem offers good and fast support too, super helpful!
Thank you!
Editing – wrong page!
Hi again I have a slider at the top of my homepage that jumps when scrolled on an iphone I think this is the address bar changing size I had a similar issue with your cassio template you fixed it for me with this code
fixMobileBarHeight();
lazyLoad($scope);
$('[data-art-parallax]').artParallax({
ScrollMagicController: window.SMController,
SmoothScrollController: window.SB
});
Would this fix it and if so where should I place it?
Hello! Find & remove this class .section-fullheight__inner_mobile from the inner section wrapper: https://yadi.sk/i/2A7ZVNhItq2TEQ
That fixed it, thanks again for the quick response.
Hi , how do I change the roman numerals in the slider counter? I have tried changing
this.counterStyle = this.$slider.data('counter-style') || 'roman'; in the components.js but that doesn’t seem to be it.
Hello! You can change the counter style right from HTML without touching JS files. Please check this article from documenation Fullscreen Sliders: Slider Images attributes. You need to set data-counter-style="arabic" attribute on the images slider. Screenshot
Thanks that did it
You’re welcome!
If you like partnership in Joomla & Drupal versions then please contact via my profile
Hi, I would like to use the gallery of works – Nordic Adventure, But I would need 3 columns instead of 2, I tried to change data-grid-columns = “2” by setting 3 but I had no result Thank you
Hello! Change these classes’ suffixes “-6” to “-4” as shown on screenshot: https://yadi.sk/i/bquKvk9msTj7Ug More info on what do these classes mean in documentation: https://docs.artemsemkin.com/rhye/html/components/grids.html
Thank you! I also wanted to tell you beautiful theme congratulations!
Thanks.
Hello I added menu top of theme. I thought make landing page for that. I have given id link but when click the menu buttons page don’t go interest part of page. You can see screenshot below link and attachments
https://prnt.sc/13cb3wiHello! Instead of short anchor #about try to use the full URL with your domain like https://example.com/#about. If this doesn’t help – please provide your website URL. You can send a PM at support@artemsemkin.com
