Discussion on Youxi - Multipurpose Responsive HTML5 Template


nagaemas does not currently provide support for this item.

76 comments found.

Nice and clean, good work and good luck with sales :)

Many thanks, SeventhQueen :)

Nice work. Good luck with sales!

Thanks a lot :)

Well done sir!
Have a nice sales ;-)

Thanks bro :)

Hi nagaemas,

Liked this theme and would like to purchase too. I want to build my own site with this. But I am absolutely new in creating websites and may need a bit of help or advice from you. Can you help if I stumble and/or answer my questions? By the way, I would like to contact you directly via email, is that possible? Thank you.


I don’t see your email address or any email link here!

Click on my profile image, then right below you can find a contact form :)

Ok, got it. Please check.

Hello, awesome theme! One question – How do i modify the date of the Under Construction Animated Countdown?


Just remove the scripts at the bottom of the page. This one:

<!-- Themer Assets -->
    <script src="themer/less-1.3.3.min.js"></script>
    <script src="themer/minicolors/jquery.minicolors.js"></script>
    <script src="themer/youxi.themer.min.js"></script>
    <link rel="stylesheet" href="themer/minicolors/jquery.minicolors.css">
    <link rel="stylesheet" href="themer/youxi.themer.css">

Thaks :)

Thanks for all your assistance!!!

You’re welcome :)

I bought this theme and when I am trying to Install on wordpress I am getting errors like style.css is not compatible or style.css does not exist. I found two style.css I tried both the folder but none are working I also tried to upload complete directory that is also not working. How should I go about it.. any help will be appreciated.

Hi sharadvar,

Sorry to say this, but unfortunately this is not a Wordpress theme :(

It’s a plain HTML template and is not installable on Wordpress.

If you need Wordpress themes, please check the Wordpress category instead of Site Templates.

Thank you

Nice template! I really want to buy your template but I find 2 problems when I use smartphone; I use Xperia SE-01 which made by sony.

1st one is FAQ page <http://www.youxithemes.com/themes/youxi>.Dropdown are not worked when I click FAQ tabs.

2nd is portfolio details<http://www.youxithemes.com/themes/youxi>. Slider of photos are not worked. Then, I can’t touch and move next photos.

Can you remove these troubles? I am happy and I get reply soon.

Nice template! I really want to buy your template but I find 2 problems when I use smartphone; I use Xperia SE-01 which made by sony.

1st one is FAQ page <http://www.youxithemes.com/themes/youxi>.Dropdown are not worked when I click FAQ tabs.

2nd is portfolio details<http://www.youxithemes.com/themes/youxi>. Slider of photos are not worked. Then, I can’t touch and move next photos.

Can you remove these troubles? I am happy and I get reply soon.

Hi SakuraSakuSaku,

Unfortunately I don’t have an Xperia device, I can’t test it :(

The slider should actually work, it’s using WooThemes’ FlexSlider without any code written by me. If it doesn’t work, then probably something is not supported on your device.

What if you install an another browser on your phone? Do they work?

Thanks :)

I installed google browser, but the sliders and the FAQ tabs has bugs. I want to buy if this matter resolved.

I’m sorry but I don’t have an Xperia device and on Android, iPhone and iPad the issue doesn’t happen :(


This template is awesome! I’ve got a few quetions. My company is an Employment agency with several vacancies.

1. Which page of this template could be used to post vacancies on it? 2. Is the contact page expendable? Like: Name, Email, Gender, Date of Birth, RESUME UPLOAD!! and motivation?

Im looking forward to these anwsers!

Good job! Nice looking template, really want it, if these options are available.

Sincerely, Keno

Hi Keno18,

Thanks, glad you like this template :)

1. For vacancies, it’s best if you use the career page (can be found in page templates > career).

2. The contact page is always expandable, but you need to know some programming to configure a custom contact form.

If you have further questions, feel free to ask me :)

Best Regards

Yeah, i know how to edit. Most of the time i just duplicate an existing line <input …..type=text…..> etc and just change the name of it. But how can i give this code: <input type=”file” name=”uploadField” /> the same style like the others (name, email, message) Because when i add this, it is ugly (the button is ugly)

Kind Regards, Keno

Hi Keno18,

Yes, the default file upload button is always ugly :(

It’s actually possible to style the button, but I won’t integrate it into this template.

If you buy the template, I’ll do the file upload styling for you.

Thanks :)

How do I switch to the ‘blue’ theme (color: #169fe6;) instead of the default orange?


Thanks for purchase :)

Just use the themer, then hit ‘Get CSS’. Then save the generated CSS in a new file, include it on your page and you’re done :)

Best Regards

So simple – Thank you!

You’re welcome :)

Hi, very good work! One thing: in the portfolio, after choosing a category (Web Design, Photography etc), if i open the image, he shows it all from the front.


Hi, good point :)

But it’s very easy to fix.

Open up assets/js/youxi.setup.js

Go to line 352, find this line:

$( '.img-gallery, .portfolio-items' ).magnificPopup({

and change it to this:

$( '.img-gallery, .portfolio-items :not(.isotope-hidden)' ).magnificPopup({

Should do the trick :)

Best Regards

Hi, this theme have a control panel??

Hi maborbones,

No, this theme is pure HTML, you need to build the control panel yourself.

Thanks :)

Is it easy to change the whit background of the main content?

I know CSS / HTML – just wondering if it would be a big task in your opinion or a simple background-color change :)



Hi alicolville,

Yes, it’s actually very easy to just change the background-color, but you still need to adjust the text-color etc. This won’t be too hard to do, since the text-colors are only defined two/three times overall in the template.

Thank you

In HTML directory the DEMO folder with images contains only blank jpeg. its normal?

Hi interpop,

Thanks for purchasing :) It’s normal, that’s the requirement of ThemeForest to not include any images in the downloadable files.

Hope it’s clear, if you’ve further questions feel free to contact me.

Best Regards

Thanks for the theme!

How can I change the animation for FlexSlider to slide instead of fade?

Hi SubGrounds,

Thanks for purchasing!

To change the animation, just add


on your flexslider container :)

Thank you for creating such a beautiful, clean & versatile theme!

I was wondering if it is possible to adjust the height of the Slider? I need to reduce the height by about 20% so that the slider image takes up a little bit less space on the page.

Any advice would be very much appreciated :)


Thanks for purchase and glad you like it :)

Adjusting the slider’s height is always possible, For LayerSlider the height is defined as an inline style as it’s required by the plugin. Just adjust this to suit your requirement.

As for nivo and flex slider the slider’s height is not defined anywhere, just use the image with the required height then the slider will adjust automatically to the image’s height.

Best Regards

Thanks! That makes sense.

I plan on using either the Nivo or Flex Slider, so obviously everything will adjust automatically — easy! :)

Another question:

Is it possible to house the Top Header elements within the Header bar? In other words, could one extend the boxed site container all the way to the top of the browser window so that it looks like the Social Media Icons are not hovering above the top of the container?



Yes that’s possible, just trick people from seeing it floating at the top by giving the top header the same background color as the main content container.

Thank you

I need help with my contact form

this is what my form code looks like

<form action="php/contact.php" method="post" class="form">
            <label class="form-label">Name</label>
                <input name="ContactForm[name]" type="text" class="large required" id="ContactForm[name]">
        <label class="form-label">Phone Number</label>
            <input type="text" class="large required" name="ContactForm[phone]">
        <label class="form-label">Email</label>
            <input name="ContactForm[email]" type="text" class="large required" id="ContactForm[email]">
<label class=”form-label”>Event Type</label> <select class=”large required” name=”ContactForm[subject]”> <option>Wedding</option> <option>Sweet 16</option> <option>Anniversary</option> <option>Quinceanera</option> </select> <label class=”form-label”>Date</label> <input type=”text” class=”large” name=”ContactForm[date]”> <label class=”form-label”>Event City</label> <input type=”text” class=”large required” name=”ContactForm[city]”> <label class=”form-label”>Checkboxes</label>
  • <input type=”checkbox”> <label>Checkbox 1</label>
  • <input type=”checkbox”> <label>Checkbox 2</label>
<label class=”form-label”>Textarea</label> <textarea rows=”” cols=”” class=”large” name=”ContactForm[comment]”></textarea> <input type=”submit” value=”Submit” class=”btn”> <input type=”reset” value=”Reset” class=”btn btn-white”>

and this is what the contact php file looks like

<?php ?>

    $file_name = str_replace('\\', '/', $class_name);
    $file_name = str_replace('_', '/', $file_name);
    $file = dirname(FILE) . "/lib/$file_name.php";
    if(is_file($file)) include $file;
use HybridLogic\Validation\Validator;
use HybridLogic\Validation\Rule;
$CONFIG = array(
    /* Mail Options /
    'mail_send_to'        =>    'djillisit@gmail.com', 
    'mail_contents'        =>    'mail-content.php', 
    'mail_failed_msg'    =>    'An unknown error has occured', 
/ Notification Messages /
'form_errors_msg'    =>    '

The following errors were encountered

  • %s
', 'form_invalid_msg' => 'The form is invalid', 'form_success_msg' => 'Thank you Your message has been sent, we\'ll get back to you shortly :)'
function createFormMessage( $formdata )
    global $CONFIG;
include $CONFIG['mail_contents'];
return ob_get_clean();
function cleanInput($input) {
    $search = array(
        '@<script[>]?>.?</script>@si',   // Strip out javascript
        '@<[\/\!]?[<>]?>@si',            // Strip out HTML tags
        '@<style[^>]?>.*?</style>@siU',    // Strip style tags properly
        '<![\s\S]*?--[ \t\n\r]*>'         // Strip multi-line comments
$output = preg_replace($search, '', $input);
return $output;
function sanitize($input) {
    if (is_array($input)) {
        foreach($input as $var=>$val) {
            $output[$var] = sanitize($val);
    else {
        if (get_magic_quotes_gpc()) {
            $input = stripslashes($input);
        $input  = cleanInput($input);
        $output = $input;
    return $output;
$formdata = sanitize( $_POST['ContactForm'] );
$response = array();
$validator = new Validator();
    ->set_label('name', 'Name')
    ->set_label('email', 'Email')
    ->set_label('subject', 'Subject')
    ->set_label('comment', 'Comment')
    ->add_filter('name', 'trim')
    ->add_filter('email', 'trim')
    ->add_filter('email', 'strtolower')
    ->add_filter('subject', 'trim')
    ->add_rule('name', new Rule\NotEmpty())
    ->add_rule('email', new Rule\NotEmpty())
    ->add_rule('email', new Rule\Email())
    ->add_rule('subject', new Rule\NotEmpty())
    ->add_rule('comment', new Rule\NotEmpty());
if( $validator->is_valid( $formdata ) )
    include 'lib/swiftmail/swift_required.php';
} else {
    $response = array( 'success'=>false, 'message'=>sprintf($CONFIG['form_errors_msg'], implode('
  • ', $validator->get_errors() ) ) ); }
  • $transport = Swift_MailTransport::newInstance();
    $mailer = Swift_Mailer::newInstance($transport);
    $body = createFormMessage($formdata);
    $message = Swift_Message::newInstance();
        ->setBody($body, 'text/html');
    if( !$mailer->send($message) ) {
        $response['success'] = false;
        $response['message'] = $CONFIG['mail_failed_msg'];
    } else {
        $response['success'] = true;
        $response['message'] = $CONFIG['form_success_msg'];
    echo json_encode($response);


    Thanks for purchasing :) Can you send me your PHP file to my email as an attachment ?

    I’ll try fixing it for you.

    Thank you!

    Hi Mairel,

    i have a little problem with the contact form, seems not working for me, it written server error, may i know how to get it work?

    2) class=”accordion-header accordion-header-active” (i can’t find the accordion class ) bcoz i don’t want it to open by default at the first child, can it be close like other?

    Many thanks

    Hi, just replied to your mail.

    Thank you :)

    Great template!

    Question about the flipclock: I put the date I want to count down to in the script on my page

    <script src=”assets/js/youxi.flipclock.min.js”></script> <script> $( document ).ready( function() { if( $.fn.flipClock ) {

    $( '.countdown' ).flipClock({
                    until: new Date(2014, 10, 1)

    But the count down is several days off. Where do I change today’s date so that the count down is from today? Somewhere in the js?

    Thanks. This template has saved me a bunch of time.

    Hi Bunnybun,

    That’s the correct way to do it, but remember that the month should start with 0, so January = 0, February = 1 etc.

    Thanks for purchase and glad you like the template :)

    Thank you so much! it works correctly now.

    Hi Again,

    I just ran into a big snag. The pages are not redering properly in IE 8 (windows 7, I think). Any ideas about how to handle this?


    Hi again,

    Actually it should render properly (tested on IE8 and IE9 on Windows 7).

    Can you provide me screenshots?


    Well, it’s probably something that I did then (like tweak some css or moved something). I’ll take a closer look. Thanks anyway!