Discussion on Cubic - One Page Creative Website Template

Discussion on Cubic - One Page Creative Website Template

Cart 438 sales
Well Documented

designesia supports this item


This author's response time can be up to 2 business days.

139 comments found.

Hi, I have a website with the Theme Cubic and would like to update to PHP 8 and to Joomla 4. I wonder if you are planning to release an update of the template. Thanks, Jesús Azogue


Sorry, Cubic Joomla version is not our creation.


When installing the theme, wordpres tells me the following error:

The package could not be installed. The theme is missing the style.css stylesheet.

What could be the problem?


Thanks for your purchase! This is a HTML template so you cannot use it for WordPress. To edit HTML template you need a text editor like Notepad++ or Dreamweaver to edit the files. To use HTML template is just upload all the files to your ftp server.

psl. what way can I send a picture?

Please email to designesia [at] gmail [dot] com

This is exactly what I did (I found this recommendation). After the change, the text does not appear anymore. However, this change will cause another problem in the “About section” The blue overlay that does not working correctly. I originally wrote about this. Thank RoKla


Sorry for delayed can you send us screenshot for this issue? We really not see it here.

I have added attribute display: none to body class, based on your advice on how to do not see welcome words when the page loads initially. However, this has resulted in another issue – blue overlay is not displaying correctly in “section-about”. Could you please indicate to me how to solve the problem? Thanks, Rokla


To remove welcome text when load you can remove code below from page source:

<!-- This section is for Splash Screen -->
    <div id="jSplash">
        <section class="selected">
            This is custom text rotator on loading screen!
            Insert your custom message here.
            Make your customers smile.
    <!-- End of Splash Screen -->

Sorry, we don’t understand each other. Welcome text is fine. Problem – as long as the css associated with this text is loaded, the web browser displays the welcome text itself in gray on a white background. I would like to avoid this …


Sorry for misunderstanding! This issue can resolved by adding display:hidden to body class. Please check this page: http://www.themenesia.com/themeforest/cubic-onepage/homepage-parallax.html

This is css for body class after adding display:none;

body {
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #707070;
    line-height: 1.8em;
    padding: 0;

FUN FACTS Hallo, Please, how can you add another parameter to a certain figure, such as % or Min. Trying to put % in html code, but it doesn’t work. Many thanks for your kind replay, Klamo

In brief – FUN FACTS section contains numbers. However, some values need to be expressed as a percentage (eg 90%) or as a time value (eg 40 min.). I’d like to attach a picture for better understanding, but I don’t know how. All Best, RoKla


You can using this format to display % or anything next or before the number.

This is how to insert % after number:

<h3><span class="timer" data-to="1980" data-speed="2500">0</span>%</h3>

Thanks, it seems to be working fine now….

The header section is a bit messed up – example ; http://www.themenesia.com/themeforest/cubic-onepage/homepage-parallax.html on desktop scroll the page a little to switch the header to the white background, then resize the window and the header and the mobile menu is messed up


Sorry for delayed. We just done with fixes for this issue. We will release an update today.

Hi – Is there a list of updates/which files have been hodated, that I can get? thanks

You can replace file style.css and designesia.js


The owl carousel text is flashing up before the preloader – how to configure owl carousel correctly to hide while page is preloading? Its not right at the moment?



Update is available: Cubic v1.2
- fixes for content show before preloader
- fixes for paralax background position
- fixes for messed header on mobile

Hello – the preloader is not correctly hiding all elements before the page loads. Seems to work OK in Chrome but not in Firefox or Edge

thanks that does seem to fix as a temp workaround – it the configuration of the owl carousel that needs attention I think,

Hello – The Own Carousel text is flashing up before the page loads, can you suggest fix please, setting body to display:none causes some issues qwith other elements (the hover effect onthe four panels gets glitchy. Please advise how to keep owl carousel text hidden until page is ready … thanks


Update is available: Cubic v1.2
- fixes for content show before preloader
- fixes for paralax background position
- fixes for messed header on mobile

hello – the mobile menu – submenu items are expanded by default – How do I modified CSS so they are clicked to expand/hide submenus please?


Yes submenu are expanded by default on mobile. We will make improvement on next update.

I changed CSS to hide submenus on mobiles and tablets, added a few extra classes and used jQuery toshow/hide submenus onn click:

$(”.top-menu”).click(function() { $(this).next(“ul”).toggleClass(“sub-menu”); });


Thank for share! :)

Hello – the mobile menu submenus are expanded by default and cannot be opened or closed?


Thanks for your purchase! Yes, its expanded by default on mobile. We will improve it on next update.

Hi again,

I´m having troubles with the background videos on mobile. They work in a few phones, but iPhone, for example, it doesn´t. Could you please help me with this?



Sorry but video background is not supported on Apple device.


The contact form is not working, when I press ‘send’, the button changes to ‘sending’, but nothing happens. Could you please help me?

Contact form only on server not on localhost.


I’m trying to create different galleries for each portfolio item, but I can’t figure out where to do it. Could you help me please?


Sorry not clear with your question. Is what you meant to open entire page with gallery on portfolio item click?

Hi, I bought your template and so far, everything went smooth. I have just one question regarding the scroll-animations:

I would like the fadein-animations to start earlier when I scroll down. (Not at around 50% height of the screen, when the items hit the bottom third)

I tried to adjust // ---------- // css animation // ---------- .. if (imagePos < topOfWindow+300) {


if (imagePos < topOfWindow+800) {

but it didn’t seem to have much effect. Do I have to edit another part of the code?



Try to change 300 with lower value.
if (imagePos < topOfWindow+100)


i have purchased the cubic one page html5.

please tell me how to change the icon-alarmclock? really need support here. many thanks in advance.



Thanks for your purchase! :)
You can see all available icons here http://fontawesome.io/3.2.1/icons/

Hi , Please can you help me, I’m looking to add a google recaptcha to your HTML template contact form as my client is complaining that they are getting lots of spam, can you please assist on how to add this to your template, using the Cubic one page that has an email.php separate to the index page


Sorry currently captcha features for contact form is not available. We will consider to make this feature on next update.

Hola: antes de comprar deseo saber como modificar el código para que cada trabajo abra su propia información. Como está el siguiente codigo, si bien dispone de dos alternativas siempre me abre el mismo archivo (project-details.html). Pego a continuación trozo de codigo modificado para prueba: Project Name #1 illustration Muchas gracias y excelente trabajo.

<!- close gallery item ->
<!- gallery item ->

Hello: before buying I want to know how to modify the code so that each job opens its own information. As the following code is, although you have two alternatives always opens the same file (project-details.html). I then paste the modified code for testing:                                                                                                                                             Project Name # 1                                      illustration                                                              

                                                                                               <! – close gallery item ->

                    <! – gallery item ->                                                                                                                                                                                                                                                         Thank you very much and excellent work.


You can change attribute data-value for each gallery item. See below:


Ok, pero necesito que cada “project” abra un .html distinto (Ej: project-details-slider.html, project-details1.html, project-details2.html,project-details3.html…sucesivamente. Muchas gracias y saludos. Okay, but I need each project to open a different .html (eg project-details-slider.html, project-details1.html, project-details2.html, project-details3.html … successively. Thank you very much and greetings.


It’s possible to have portfolio open on new window rather than same page.

Hi. You have a great template! I do have a question about sub-menus. On the Home page, when you highlight Home you get a dropdown. However, that dropdown is very far down the page. The dropdown looks much better when you start to scroll up the page. Is there any way to have the dropdown closer to the menu option on the Home page and still look good once you start to scroll down? Hope that makes sense. You can visit http://sk.sanibeltechnologies.com to see what I mean. Under Articles, the drop down is far below that option but when you scroll down, it moves up and looks good. Please let me know. Thank you.


Sorry for delayed. To make it require small modification within css file. Open file style.css (in folder css) then insert code below on line 286

header.smaller #mainmenu li ul {
    top: 100%;

    #mainmenu li li {
    display: block;
    float: none;


I cannot pull up this site on my phone! It keeps giving me an error. I am able to pull it up on the computer without any problems. Do you know why that would happen with the site?


Sorry for delay. Can you send your website url so i can see your issue.


Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey