148 comments found.
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?
Thanks!
Hi,
Sorry but video background is not supported on Apple device.
Hi!
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.
Hello!
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?
Hi,
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) {
to
if (imagePos < topOfWindow+800) {
but it didn’t seem to have much effect. Do I have to edit another part of the code?
THX!
Hi,
Try to change 300 with lower value.if (imagePos < topOfWindow+100)
hi,
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.
soodip
Hi,
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
Hi,
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 ->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.
Hi,
You can change attribute data-value for each gallery item. See below:
data-value="project-details-slider.html"
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.
Hi,
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.
Hi,
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;
}
Done.
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?
Hi,
Sorry for delay. Can you send your website url so i can see your issue.
Hi. How to change font size on homepage-parallax for the changing text – (we are cubic/Desktop + mobile/Clean & fresh/Ready to Go?) My messages a bit longer compared to your example and it looks too big….
Hi,
To change font size, open file style.css then go to line 2772 below to find attribute font-size:72px then change the value. Here is what i mean:
.text-slider{
line-height:72px;
color:#fff;
font-family:"Raleway";
font-size:72px;
text-transform:uppercase;
font-weight:200;
display:inline-block;
letter-spacing:10px;
}
Hi. I have a question and need help. I would like to use the font family of Seravek ExtraLight for the headings on the website. When I put it into the style.css file, the font works great in Safari but doesn’t work in Mozilla or Chrome. Can you please help me to get it to work across the browsers? Thank you!
Hi,
You need to convert your font to work on all browsers. (.woff, .woff2, .eot, .ttf + .svg)
http://www.fontsquirrel.com/tools/webfont-generatorThese are the font types that each browser requires.
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
Hello, I have the Cubic HTML template. I’m building the portfolio section and when I load the images onto each page, the navigation is dots underneath the images. My boss has asked for arrows on the images instead of dots…. However, i cannot seem to find the code to enable, or implement this.
Can you please provide me with some insight on how to do this? Thank you kindly in advance for your response… I look forward to hearing from you.
Hi,
Sorry i not clear with your issue. Can you send url related with your question so i can inspect it?
Plus, when a new person visits the link the first time, for a mere second, they see all the broken html and then it will show the loading portion. How do i fix it so it doesn’t show the broken html upon the first load.
Hi,
I sure this issue has been fixed on latest update. Let me check it again.
Hi,
Try below: open file style.css then add attribute display:none to body class. See below:
body {
font-family: "Open Sans",Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:400;
color: #707070;
line-height: 1.8em;
padding: 0;
background:#fff;
display:none;
}
Where is a list of the icons? Don’t see it in the documentation given to me.
Hi,
There is three font library for this template. For number 1 and 2 is in local folder. Please see here:
1) “Cubic HTML/fonts/elegant_font/HTML_CSS/index.html”
2) “Cubic HTML/fonts/et-line-font/index.html
3) http://fontawesome.io/icons/
Are there multiple colors to choose from or do we have to adjust the css to do that?
Hi,
You can change color by open file color.css in folder css. Basically we use one accent color to make it easy to custom. But also you can adjust each element to different color.
Hi. I have another question for you. I do not want the image in the “Team” section (Bio section) to lift up and reveal anything. I simply want a static image. http://sk.sanibeltechnologies.com. How can I make that happen? Thank you!
Hi,
You can replace each team member html code with below:
<!-- team member -->
<div class="col-md-3 animated" data-animation="fadeInUp" data-delay="0">
<img src="images/team/team_pic_1.jpg" class="img-responsive" alt="" />
<div class="spacer-single" />
<div class="col-md-12">
<h3>John Smith</h3>
<p class="lead">Project Manager</p>
<div class="small-border pull-left" />
<div class="clearfix" />
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="social">
<a href="#"><i class="fa fa-facebook fa-lg" /></a>
<a href="#"><i class="fa fa-twitter fa-lg" /></a>
<a href="#"><i class="fa fa-google-plus fa-lg" /></a>
<a href="#"><i class="fa fa-skype fa-lg" /></a>
</div>
</div>
</div>
<!-- team close -->
All of a sudden a white and grey bar appears on to of the page where it used to be black before. I can not remember any changes since i added the favicon.png
What am i doing wrong? Thanks in adance, Lucie
Hi,
It seems your header is screwed, please try to replace your header with original version.
Hi designesia,
could You tell me where /images/background/bg-side-1.jpg comes from? I can c the picture all over the internet but no one mentions the author/photographer. Thank You very much, Regards by Lucie & Mark
Hi,
Sorry for delayed, the image is from Pixabay and it’s free to use.
Thanks for getting back to me. However, when I fixed the custom-style.css file, the image does shrink but then it shrinks so small that it doubles the image. Please check it out at http://sk.sanibeltechnologies.com on a small screen (phone or tablet not in landscape view). You can even shrink the browser screen down to its smallest size. The text seems to be fine but the image shows up twice. Thank you for your help.
Hi,
If image size is auto width, it look repeated because screen height is more than image height. You can use taller image to prevent this issue.
Hi. I have another question/issue. When I replace the standard home page image with an image of my own, the exact same dimensions as the one you have (1920×1280), the image doesn’t reduce as I reduce the screen size. It just starts to cut off portions of the image. (http://sk.sanibeltechnologies.com). Help please.
Hi,
You can add css attribute for current section name. Open file custom-style.css then find section name you that you want to modify. Sample below is for section id=”section-welcome”. Now section background will be autosize.
#section-welcome{background:url(../images/background/bg-5.jpg); background-size:100% !important;}
