Web Themes & Templates

Discussion on OPAL - Exclusive Coming Soon Template

Madeon08 supports this item

Supported

This author's response time can be up to 1 business day.

59 comments found.

Thanx for this theme))

Thanks a lot for your review :-)

I’m sorry but I think I downloaded this by mistake? This entire time I was thinking this was WordPress theme. When I went to upload the zip file it said that the style sheet was missing?

Hello,

Thanks a lot for having chosen OPAL :-)

Indeed, OPAL is a simple HTML template and not a Wordpress plugin and actually, not visible and customizable in the back office of Wordpress.

You have to install OPAL via FTP :

Step 1 – Log into your hosting space via an FTP software (Filezilla for example).

Step 2 – Unzip your Download Pack file and open the extracted OPAL template folder.

Step 3 – Upload the HTML files corresponding to the variant of your choice along with all directories (css,js,php,img) in the structure that they appear in your download package. Then, the HTML file should reside in the root directory, and all other files should reside inside their associated folder.

Please let me know if you have any further questions, or if I can help with anything else.

Hello, how can I change the speed of the bubbles? I want to reduce the speed to get a slower animation,

Hello,

Unfortunately, this feature is not available by default.

I’m trying to see if it’s possible to implement it, I keep you posted ;-)

Best regards

Hello,

a CSS solution is available here: http://codepen.io/angeal185/pen/GrvEZg

What other animations do you have? I would like something more subtle and serene.

Hello,

You can find more animations on this template : https://themeforest.net/item/phly-versatile-coming-soon-template/13117735

Best regards

Hi there! Just getting this logo / tagline overlap on Chrome – anything i can try?

http://dentainment.com/wp-content/uploads/2017/03/image.jpg http://bninteractive.com/

Cheers and thanks for your time! J

Hi!

Thanks a lot for having chosen OPAL :-)

I think the best solution would be to decrease the max-width applied on the brand-logo class in the CSS. Or decrease the vertical spaces between your text below, line-height, margin…

Hope this helps!

ok great – yes tried a few things there – but is there anything else i can ie responsive code maybe that stops the header h1 text block running into the logo when the base of the browser is click dragged up the screen…cheers and thanks! J

Still complicated to fit to the vertical resizing, I have no other solutions to try than the ones I wrote above unfortunately.

Hi I have just tried to upload the theme to wordpress and I’m having no joy could you please help.

Regards Mark

Hi Mark,

Thanks a lot for having chosen OPAL :)

Please note that OPAL is a simple HTML template and not a Wordpress plugin and actually, not visible and customizable in the back office of Wordpress.

As written in the item’s description : Pure HTML template (Not a Wordpress plugin)

You have to install OPAL via FTP :

Step 1 – Log into your hosting space via an FTP software (Filezilla for example).

Step 2 – Unzip your Download Pack file and open the extracted OPAL template folder.

Step 3 – Upload the HTML files corresponding to the variant of your choice along with all directories (css,js,php,img) in the structure that they appear in your download package. Then, the HTML file should reside in the root directory, and all other files should reside inside their associated folder.

Please let me know if you have any further questions, or if I can help with anything else.

Good day,

I love the Opal template. however, I require something that has 2 information buttons and a notify button. 1 information button that takes you down into the next level when clicked on information exactly as is. the other information button will take you into the same next level but this time mirrored, with vertical scroll on left and pic on right hand side.

the idea is to showcase to information areas, 1 for “client”, and the other for “consultant” so the mirror style split screen will be nice.

Do you have another template on the market that can work for my needs? or is it possible to adapt the current template to add a secondary mirrored information page?

thanks, Lindi

Hello Lindi,

I’m afraid to have not other templates able natively to do that.

BTW, with some JS and CSS developments, you can do what you want with OPAL :-)

Best regards

is there a way to have more than 3 slides pictures?

Hello!

Yes, you can add picture as much as you want :-)

Best regards

Bonjour,

Merci pour votre excellent travail ! Est il possible de lier le bouton “more information” à une ancre html précise sur open-more-info ? (par exemple ouvrir directement sur le bas au dessus du module contact). Merci et bonne journée

C’est ceci : As an example, the ‘From’ address should be set to something like ‘noreply@yourdomain.com’ in order to be based on the same domain as the form.

If you try to use a ‘From’ that’s not based on the domain on which your form resides, like :

$headers .= 'From: My website' . "\r\n"; 

the anti-spam could block the sending.

If you do not know what to write in the ‘From’ field for your contact form, you may wish to contact your hosting provider for assistance.

Basically, try to replace in your contact-me.php file this :

$headers .= 'From: My website' . "\r\n";

By this :

$headers .= 'From: LEGEND Template <noreply@yourdomain.com>' . "\r\n";

Excellent ça fonctionne ! merci et bon week-end !

Parfait :-)

Merci vous aussi!

N’hésitez pas à laisser un avis 5* pour OPAL :-)

Hi there!!

First of all, I am in love with your coming soon theme OPAL. It’s just what I was looking for! However, I was wondering if it’s possible to have it show a picture when I click on the button “more information”, it shows a new page sliced in the screen – which I love, and it was what made me get the theme, but the other items get pushed back (the more info and subscribe buttons), instead of that happening, can it focus on one part of the page? I think this is turning VERY confusing. Do you understand what I mean?

Hi!

Thanks a lot for having chosen OPAL :-)

Indeed I’m not sure to see what you really want ^^

What do you mean by “focus on one part of the page”

Best regards

Hello,

I recently bought your template since it was just what I needed to get started. I run into some things I can’t figure out.

Purchase code: 838c75c3-f8d6-4f7c-8c88-3530933da532

1. When the website first opens it shows that loading bar with text “Opal”. I’m sure it’s a easy fix but I can’t seem to find it. Which file should I edit it change the text? (to see what I mean please refer to image Picture_01.jpg in the link)

2. When someone preses the “Notify Me/Get in Touch” (button on right side). How to make it so that it opens the location where the contact form is or to show just a contact form in a similar way it does now for subscribing for a list. (to see what I mean please refer to image Picture_02.jpg in the link)

Link to printscreens failiem.lv/u/5egxt99b#_

Hope to hear back from you soon! Best regards, Egils

Hey,

A custom plugin is used for the scroll, this is why the following function is not needed “function scrollToAnchor(aid){”.

Replace this :

setTimeout(function() {
            $("#mcs_container").mCustomScrollbar("scrollTo", "#right-side",{
                scrollInertia:500,
                callbacks:false
            });
        }, 350);

By this :

setTimeout(function() {
            $("#mcs_container").mCustomScrollbar("scrollTo", "#contact-form",{
                scrollInertia:500,
                callbacks:false
            });
        }, 350);

Please note that because we have 2 buttons, we can’t keep the fact that open/close the right parts by clicking on the same button.

We have to open and click on the cross button at the top right or open the other right part. So, please consider using addClass and removeClass rather than toggleClass.

If you want, I can do the job for you as a custom work for a few dollars. You can get in touch with me through the contact form on my profile page ;-)

Great. Just sent and PM on your profile page

Perfect :-)

Hi, love this theme. Looking at applying a phone number field to the contact form – any advice on how to apply some phone number validation ?

Hi,

Thanks so much for purchasing OPAL :-)

I can do that for you as a freelance work for a few dollars.

BTW, you can get help here maybe : https://stackoverflow.com/questions/42577502/adding-phone-field-to-contact-form

Keep me updated,

Best regards

Thanks! I will have a go myself – If I have any issues I will be happy to pay.

On another note – I have updated email address to my own in contact.php but do not seem to be receiving enquiries. Are there any common issues?

Site here: http://privyhq.com/

Ok no problem ;-)

If you’re getting some troubles to receive the form submissions, here are some possibilities that could block the sending :

• Check your spam folder • Is PHP Mail() function active on your server? • Try to change your email with a Gmail address • Upgrade the PHP version running on your server to 5.5 (can be done in your hosting provider’s panel or by their)

The ‘From’ address As an example, the ‘From’ address should be set to something like ‘noreply@yourdomain.com’ in order to be based on the same domain as the form. If you try to use a ‘From’ that’s not based on the domain on which your form resides, like :
$headers .= 'From: My website' . "\r\n";
the anti-spam could block the sending, but you can give a try. If you do not know what to write in the ‘From’ field for your contact form, you may wish to contact your hosting provider for assistance.
// Proceed with PHP email
$headers .= 'From: PHLY Template <noreply@yourdomain.com>' . "\r\n"; // As an example, the 'From' address should be set to something like 'noreply@yourdomain.com' in order to be based on the same domain as the form.

How can i change preloader colors,animations and text ?

What’s the PHP version running on your server? We need at least 5.5.

PHP mail function welle available on your server?

Same errors.Can you prepare basic contact form send mail to my gmail adress using php smtp.I am so sad this issue searching for how can i fix this but my mind confusing

I can make a custom version with SMTP as freelance work. Or you can do it by yourself using PHPMailer : https://github.com/PHPMailer/PHPMailer

Hi there, I really like this template and would love to purchase it. But I just want to make sure that you still provide support seeing how it was originally released a long time ago. Also, are you able to help with minor modifications if needed? I have a particular look in mind and was wondering if you could help me achieve it.

Hello!

Thank you for your message :-)

I still provide support for this item as for all the items from my portfolio ;-)

I can help yes and provide customization as freelance work if needed.

Best regards

Great. It’s only really a minor modification to the template. Will that be free of charge or will I have to pay extra? Perhaps it would be best to get your contact details so I can message you privately with the exact details. I’m trying to avoid a situation where I buy the template only to find that I can’t afford the customization.

I understand no worries, if it’s just for help it’s free of course but if I need to develop for you there will be extra fees. You can get in touch with me privately with the contact form on my profile page ;-)

Hi, I need help with installing this theme. I am not using filezilla due to network issues and I am manually uploading it to my server. I have so far uploaded and extracted the theme zip file. But now I see two folders after extracting: “__MACOSX” and “OPAL DLPACK”. Which of the two am I supposed to get files from?

Hi, I sent you a private message. Please check your email. Thanks.

Hi, thanks for your email, the issue is resolved. Also, where do I put my email in the contact form in the html file?

Thanks

Hi,

In your contact-me.php file, you can check the documentation attached to the template, everything is explained.

Best regards

Hey how are you? could you help me about changing background on the opal http://cdn.themehelite.com/themeforest/opal/index-constellation-countdown.html my probem with the background anyway if i change in the imgs folder they are wont change on the page.. i saw those picture come from some other url… how i can do for be easy to change? i try on js. vegas but didnt help nothing

Hey,

Thanks a lot for having chosen OPAL :-)

You’re on the right track, you can change the background in your vegas.js file, did you clear your cache after having made the changes?

Best regards

Hello, I found bug in iPhone 7 (both Chrome and Safari) in index-mozaic.html page disappears on site load.

I found that changing

$(self).addClass(‘animated-middle fadeInUp’).removeClass(‘opacity-0’);

to

$(self).removeClass(‘opacity-0’);

resolves the problem, but I didn’t found exact cause with keeping the animation.

Hello,

Thanks a lot for choosing OPAL :-)

Looks like a performance issue, apply a fading effect on the canvas could cause some troubles.

Guess it’s better to use default js anim like:

$(self).removeClass(‘opacity-0’).fadeIn();

Best regards

Is Microsoft Edge not supported? None of the index.html files move past the “OPAL” loading screen. Chrome and Firefox work correctly.

Hello,

Basically, Microsoft Edge is working fine with OPAL,

Did you test with an other computer?

Best regards

Demo looks great. However YouTube video background and local video background are not working, it just shows one frame (or video splash image) and video does not play. .... Safari 12.1.2 running on MacOS Mojave 10.14.6

Hello,

Thank you for your comment :-)

The problem you are referring to is probably the following:

https://github.com/pupunzi/jquery.mb.YTPlayer/issues/357


Video now, must have the mute value to true to play properly. On the demo it’s on false, that is why it does not play.

Best regards

by
by
by
by
by
by