1730 comments found.
Hello, I am having trouble installing the theme. I have installed the Layers theme but not activated. I have tried uploading the theme a bunch of times and it just says ‘error uploading theme.’
Thank you for your reply. I took this back to Wordpress Support and they looked into and told me that “Max upload size is 2GB. This file is 40mb. I don’t think this would be the issue. If it was a file size issue, the error would indicate so as well.” Do you have any other ideas what it could be?
To tell exactly what the reason is, you need to look at the error messages in the log file. Ask your hosting provider where you can view the error log.
Also make sure your hosting allows you to upload third party themes.
Hello how can i add custom fonts on this theme? A the logo area and general.
The theme supports Google Fonts. If you want to install other fonts, you will have to do so using custom CSS.
Hi ,,
This message appears while trying to upload the theme into WordPress :
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
Any solutions , please?Thank you
Haifa
You are most likely trying to install the wrong file. The theme zip file is inside the file you downloaded from ThemeForest. Please read about how to install a theme in the documentation. https://skrollex-wp.x40.ru/alice/theme-help/
That’s correct, It works now Thank you
Hello there,
I want to remove the bubbles coming from the bottom of the screen in the home page. Could you please help me with this ? Thank you.
.flask-bubbles {display: none;}
Hi Team
I have built a website (https://www.faimmarketing.com) using Scrollex paid theme https://preview.themeforest.net/item/skrollex-creative-one-page-parallax/full_screen_preview/14699984?_ga=2.151055481.1325331563.1601484223-1978100135.1601484094
When I am opening the website its taking almost 16 to 20 secs to load and its really bad for my business . I have already optimized all images and checked with Godaddy hosting . Everything seems to be fine but still its taking so much time to load . Please help us fix this issue.
Regards Yussef
Press Command + Option + J (Mac) or Control + Shift + J (Windows, Linux, Chrome OS), then press Network tab to see the order in which the items are loaded and how long it takes. Download speed mainly depends on the size of images and videos. Compare load times with my demos. If you have a lighter page, it will load faster; if you have a heavier page, it will load slower. Hosting and caching settings matter too, but usually not much if you don’t have many visitors yet.
This icon is displayed with admin bar only if you are logged in as admin. If you will logged out, this icon will be hidden.
Ahhh! Ok! I did not know it! Thanks for the support!
PS: The theme is super great 
Tthere is no such options in theme and it can by realised only via CSS coding. It is not easy to advise you on the exact code and it requires checking and testing anyway, and I do not know exactly how your layout was created. If you have coding skills, I can give you an approximate direction. You can add style = ”...” attribute to any HTML element as you have already done. To get bottom space use margin-bottom: 7px; or padding-bottom: 7px ;. To change the color, you will need to create additional css code that can be included in different ways, the easiest way to do this is using the Customize menu. There is a dedicated tab for CSS. To write this code, you need to figure out how to overlay the element. This can usually be done with :after (to create hidden overlay) and :hover (to show overlay on hover). To make the overlay change the color of the element it is covering, use mix-blend-mode.
The gray works, only the mouseover doesn’t. Do you have any idea? Here is the CSS code:
.img_gray img { -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari / filter: grayscale(100%); }
.img_gray img:hover { -webkit-filter: grayscale(0%); / Chrome, Opera, Safari */ filter: grayscale(0%); }
did it myself. I just took the class gallery-item and now it works great.
.gallery-item { – webkit filter: grayscale (100%); / * Chrome, Opera, Safari * / filter: grayscale (100%); }
.gallery-item: hover { -webkit-filter: grayscale (0%); / * Chrome, Opera, Safari * / filter: grayscale (0%); }
Picture above looks like now. But I want it to look like the picture below. How do I do that? https://ibb.co/ZdQ1s06
style = "margin-top: 50vh;"
Or
style = "margin-top: 500px;"
Let’s say you want to shift block h1, then do:
<h1 style="margin-top: 50vh;">Text</h1>
px – is pixels, vh – is percents of screen height.
perfect thx
Hi ! How can i use my custom icons instead of font awesome? Thank you
Your should use plugins for this purpose or copy/paste svg code if icons are released like Material Icons https://material.io/resources/icons/
If you use third-party plugins please keep in mind, the theme is not tested with them, but plugins which realised as shordcodes should works ok with Layers pages, and plugins which realised as bloks should works ok with standard pages (created via core WordPress editor).
I have almost finished building a site with this template that I am very happy with. However, on the background video at the top of my page, I want to float this one piece of content (it’s a play button for a compact media player) in the bottom left corner of that section. I selected the class of float-bottom-left, but as you can see in the attached screenshot, it stays in the centre no matter what, because this div doesn’t extend to the full height of the section.
All I want to do is position one bit of content in the bottom left of this section and I can’t for the life of me figure out how… Can you please help advise me?
Try to add attribute like this: style="position: absolute; top: 20px; left: 20px;"
Yeah, I tried that. It doesn’t move it. in an case if I use an absolute position it wouldn’t be correct in the mobile layouts view. Any other suggestions?
I just need this section to be full height and the text to then be at the bottom.
Current position values you can see in the browser tools. And maybe you need to change width and height of outer block.
No. I am editing the CSS using the ‘Additional CSS’ tab in customize. (I even tried editing the actual style.css but it was no different).
I used chrome inspect to find the block details in the source code (see attached image).
Then I add the following CSS:
home > div.layout-boxed.section-top {
position: absolute; bottom: 23px; }
This moves the block to exactly where I want it to be. BUT then, when the page caches it returns back to the middle of the block. Like some other style is superseding it or something but I cannot figure out what for the life of me. I have tried every permutation I can think of and tried deleting other bits of CSS code from the style.css that I thought might be conflicting, but still…. I can only make it position correctly temporarily. If I go back and delete a letter of this code and add it again, it positions correctly, but it will not stay that way. I have completed the entire website and this is the only thing holding me back. 
I meant that you yourself work with the code. You are doing the right thing to insert your code into Customize, but you need to carefully review all the current CSS properties and override them as you need. I cannot give you the code from the screenshot, but I can only assume that you need to pay attention to the position values for the outer elements.
In any case, you can see all the CSS properties that affect the position of the element, try changing them directly in Chrome, and when you get the desired result, copy it to Customize.
This is exactly what I have done. And I can get it to change in Chrome easily, but it reverts every time. I have done countless permutations and spent hours trying to find the magic CSS that will get it to change—and stay changed.
I’ve built countless websites and I’ve never struggled this much with pre-existing CSS. Is there anything I can do that would mean you might be able to see the code and make a suggestion, perhaps? Or can you think of any other way forward? I’m at my wits end.
You can post link here.
The site is not live. I am using a coming soon page. Is there someway I can send you the login details so that you can see the page? (I can’t post them publicly).
You can send link via contact form in my profile.
I have done so. Thanks!
#home .layout-boxed {
position: static;
}
FInally! Thank you!! (It’s easy when you know how).
Hi there – can you please tell me the simplest way to add a blog page to my existing site so it looks like this: https://skrollex-wp.x40.ru/nadya/2016/04/23/just-exampe/
Thank you
Just create main blog page like in any WordPress theme, then add new post. It is described in the WordPress documentation. To edit main blog page header, login as admin, open blog page then click on Customize on admin toolbar and edit widgets on left panel.
In short. You should create blank page. Then in the Customize → Homepage Settings set this page as Posts Page. Then click on Posts → Add New in the admin panel.
Hi, I insterted the video as the column content in the media block content. It’s working fine on the PC, but on mobile version the video doesn’t resize. It just shows full size so it doesn’t appear all visible on the mobile screen. Please have a look at the website turnmytree.com in the section Anwendungen. When you click on the image – video will show.
Please help. Thanks.
Change <video class=... to <video style="width: 100%;" class=...
Hi, where am I supposed to change that?
If I understand correctly, then you inserted the embed code or inserted the link to the video and it was replaced with this code. Click on the edit box where you inserted this video and you will see a popup toolbar. Switch to source mode via button Source and you will see this code.
Hi, is there a way to show captions for featured image in the Skrollex theme? I tried installing the plugin “featured image caption” without any luck (the plugin also stopped showing options on the edit post page).
There’s no such option in the theme and theme is not tested with this plugin. May be it can be achievable via some other plugins.
Hello,Sorry my support has expired, but I only have one issue that I’m trying to resolve.
The author of the video player that I’m trying to use told me that the youtube/vimeo API is in conflict with what plays video in Skrollex, causing numerous bugs and issues.
I need a way to disable Skrollex’s youtube/vimeo API or something so that the player’s API can function on its own without conflict.
Any help would be greatly appreciated.
Skrollex does not have its own video API, it uses the API that Youtube and Vimeo provide. You probably misunderstood the video player developer. Ask him what bugs he had in mind, ask for an error messages. The theme has not been tested with third-party plugins and may have conflicts with them, but I need more information to suggest if this can be fixed.
Thank you for your response. By removing other plugins I found that the other bugs were caused them instead. There’s actually only one bug that is caused by the interaction between Skrollex and the video player.
The size of the video is small and doesn’t fill the player window, even in full screen.This happens in both Youtube and Vimeo, but everything is fine if the video is a self hosted HTML5.
As far as the API, sorry he didn’t mean that the source of the problem had it’s own. He said that “calling the instance of the API as global is causing errors in the browser”. I’m not sure if he meant Skrollex specifically, but that’s how he phrased it. The site I’m working on is: lonewolfmoon.com/featuredartist
I put three test instances of the player so you can see for yourself.
-The Home section has an HTML5 self hosted player -The Noble The Naturalistic section has both a Youtube and a Vimeo player.
Again, many thanks.
http://www.lonewolfmoon.com/featuredartist/
This page does not have theme widgets with video and the theme code does not load or use YouTube and Vimeo API. The video in a third-party plugin looks strange, it is desirable that its developer describes the problem in more detail, if he figured it out.
Yes, that is the page that I meant, I didn’t know you needed the www to go to the proper page.
No, the developer hasn’t figured it out. He just gave a list of possible problems, so I shared it with you in case it helped.
So without his thought, can you tell what’s happening? It’s with Skrollex, but I really like your theme.
.view.widget .fg iframe {
height: 100% !important;
}
Thank you so much, it worked!
This is style.css
/* Theme Name: Skrollex Theme URI: https://skrollex-wp.x40.ru/ Description: One Page Parallax Theme Author: x40 Author URI: https://www.x40.ru/ Version: 2.5.1 Tags: custom-colors, custom-header, custom-menu, editor-style, featured-images, translation-ready, full-width-template, theme-options License: GPL 2.0 License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html Template: layerswp */
I did not understand what you mean
it was a mistake. sorry
Can you please give me the CSS to set the right scrollbar back to the default?
.scroll-bar {
-ms-overflow-style: scrollbar;
}
.scroll-bar::-webkit-scrollbar-thumb {
border-radius: 3px;
}
.scroll-bar::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.scroll-bar::-webkit-scrollbar-thumb {
border: 1px solid;
}
.hide-skroll-bar .scroll-bar::-webkit-scrollbar,
.scroll-bar.hide-skroll-bar::-webkit-scrollbar {
width: 0px;
}
textarea,
.navbar-collapse,
.non-mobile #top-nav {
-ms-overflow-style: scrollbar;
}
textarea::-webkit-scrollbar-thumb,
.navbar-collapse::-webkit-scrollbar-thumb,
.non-mobile #top-nav::-webkit-scrollbar-thumb {
border-radius: 3px;
}
textarea::-webkit-scrollbar,
.navbar-collapse::-webkit-scrollbar,
.non-mobile #top-nav::-webkit-scrollbar {
width: 10px;
height: 10px;
}
textarea::-webkit-scrollbar-thumb,
.navbar-collapse::-webkit-scrollbar-thumb,
.non-mobile #top-nav::-webkit-scrollbar-thumb {
border: 1px solid;
}
.hide-skroll-bar textarea::-webkit-scrollbar,
.hide-skroll-bar .navbar-collapse::-webkit-scrollbar,
.hide-skroll-bar .non-mobile #top-nav::-webkit-scrollbar,
textarea.hide-skroll-bar::-webkit-scrollbar,
.navbar-collapse.hide-skroll-bar::-webkit-scrollbar,
.non-mobile #top-nav.hide-skroll-bar::-webkit-scrollbar {
width: 0px;
}
Alternatively, you can remove these definitions from the file, but the file will be updated when the theme is updated.
hello,
i would like to have this nice white stroke at the homepage image slide, that is going at the back of the menu (like the Alice page). I would like to put different text to every sliding image and a background video. The bg video doesnt work at the slider so I tried to put a single sx background videobut it is going on the back of the slider. Is there a way to send you some screen shots to see what i mean?
thank u in advance
Unfortunately this Dashboard does not allow upload screenshots. You can upload the image to your WordPress and post the link, or place the screenshot on any free screenshot sharing service.
the sx background video doesn’t work. When i put a video it plays behind other layers. The second issue is that in your demo “theme-alice” you have an image slider at the top of the page with different text at every image (WeAreDesigners – WeAreCoders etc). How can i set this up to my slider?
This animated text is not related to slider or background images. It is shortcode:
[sx_animated_text effect="A"]We Are Designers / We Are Coders / We Are Developers / We Are Creative[/sx_animated_text]
You can insert this shortcode inside text area in SX Section.
hello, i have 2 issues at my site. 1st i can’t put any link to a text in the site. mailto or any other.
2nd i would like to put a stroke in the whole site like the demo. how can i do that? https://applicationpro.gr/stroke.jpg
Insert any text, then select it, then click button link on popup toolbar, then insert link URL.
A not understand second question, may be you post wrong screenshot.
i click button link on popup toolbar and it doesnt work. It must be fixed, its important.
Select text or a piece of text and the button should work.
i know that it should work but it doesnt. and i have some links to put so it must be fixed. Please tell me what to do.
Pleae describe issue in more details. Button is not working in all text area inside SX Section? What is happened if you press on button? You see popup dialog? Which versions of Skrollex, WordPress and Layers you are used?
Please post error messages. If you don’t see it please open prowser console and post messages from here. To open browser console in Chrome press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS). Also try to disable all plugins.
Button is not working in all text area inside SX Section and when i press it nothing happens.i deactivated all plugins but the problem still exists. SkrollexVersion: 2.5.1 , WordPress 5.5.1., LayersVersion: 2.0.10.fixed. here you can see what the console says http://applicationpro.gr/problem.jpg
It is related to web server settings, please post this screenshot to hosting provider or system administrator to solve this issue.
This error existsdue to a theme’s incompatibility with the latest WordPress version. What is happeing is that the last two WordPress versions (5.5 and 5.5.1), changed the way on how jQuery is handled, which caused the incompatibility to happen here. Usually, this can be resolved by a theme update. Are you planning to fix it?
Theme is compatible with latest version of WordPress. This feature is tested with WordPress 5.5.1 and works without any errors.
So, in order to solve our problem, we came up with 2 suggestions i) I can send you the credentials and you can try to put a link anywhere in our site or ii) you can directly communicate our hosting company. I am open for any other suggestions you may have
Most likely I will receive the same error messages that you have already post. They talk about problems with your serverv settings. Until these issues are fixed, the theme may not work correctly.
The error messages indicate that theme resources incorrectly downloaded from your server. This can be related to settings of web server, WordPress, caching, CDN or HTTPS.
Try disabling all plugins, caching, and CDN first. If it does not help, please send these messages to your hosting provider and ask a question how to fix the problem.
Also, if your hosting provider allows you to run multiple WordPress, to make sure the issue is not caused by your WordPress settings, you can deploy a clean copy of WordPress and test it to work.
Can you please tell me where to put recaptcha key for contact form?
If I try to copy the page to another URL, all sx_section widgets are gone. I used Dublicator as a plugin. With multisite-clone-duplicator I get an error message
All SX widgets are gone after copying. Pls help
I used this plugin and it worked fine with the theme. All demos were created by this plugin. But the WordPress repository says that the plugin has not been updated for a long time and has not been tested with the latest versions of WordPress. Try using a different plugin or post error message. Or create a clean website and use WordPress Export / Import.
great theme, i love it … how do I get the header logo bigger? If you scroll down, the logo should disappear and “COACH” should appear instead. Look here:
https://www.directupload.net/file/d/5933/pxcmm5hd_png.htmI only helped myself because the theme doesn’t allow larger logos in the header.
.custom-logo-link img { max-height:70px; } #top-nav li { line-height: 100px; } #top-nav .ext-nav-toggle, .state2 .page-border.top { height: 80px !important; }
@media only screen and (max-width:599px) { .custom-logo-link img { max-height:40px; } }
No screenshot available. But if you resize the logo, make sure it looks fine on all screen sizes and in different scrolling positions, as it might break the layout because top bar is resized automaticaly.
Best regards. I have a question regarding the contact section of my website www.pharmacalche.com If you compare the section of the model theme -> https://skrollex-wp.x40.ru/julia/ with the one I included on my website, they are not the same. Could you help me to display the text on one side and the form on the other? Thanks in advance,
Open page via “Appearance / Customize / Edit Layout / Home Body”. In the “SX Section: Contact” you have one column with text and one column with shortcode like [contact-form-7 id=”999999” title=”Skrollex”]. Just chenge columns order.
This widget is from Layers and has no such options. Try using the shortcode for Contact Form 7, as it is done in the presets and demo.
Don’t worry, I already managed to make the change and place it as I wanted. It was that I did not know the customization options of the theme, but I was reviewing and adjusted it. Thank you anyway.
