Hello bbk1234,

I have not noticed any issues with Projects Carousel in Chrome. Can you tell me what exactly is not working? Which OS do you test it on? Does the live preview work properly for you in Chrome, or not?

In Recent Projects Carousel, the slider arrows are not doing anything. I am trying this on windows 8.1 with chrome Version 32.0.1700.107 m. However in my touch screen laptop, I can slide the carousel without using arrows. For some reason only arrows are broken in chrome browser. Live preview also behaves in same way.

Currently I don’t have possibility to test the Carousel Plugin properly in Chrome on Win 8. Yet there are no problems with arrow functionality on Win 7. I will let you know for sure as soon as I explore the issue and find the solution.

Hello Jan,

If I understand you right, this is a list menu defined by the .list-nav.table classes. The default styles for this element are declared in layout.css (section #26 > List menu > Table menu). The styles that depend on the chosen color scheme are overwritten in “css/main_bg/chosen-color-scheme.css” (green.css by default):

- section 3:

ul.list-nav.table li { background-color: #ebeee9; }

- section 4:

ul.list-nav.table li:hover,
ul.list-nav.table li.current,
ul.feature-nav a { background-color: #e6e9e4; }

- section 5:

ul.list-nav.table li:hover,
ul.list-nav.table li.current { background: rgba(199, 207, 195, 0.45); }

If you want to set a different color for the footer, please do the following:

- open “css/main_bg/chosen-color-scheme.css” (green.css by default)

- find the line #498 and set a new value for background-color property like this:

#footer,
#footer input[type="submit"]:hover,
#footer-bottom { background-color: #RRGGBB; }

Thank you! That works. Also in CSS, where would the H1 font color be changed?

The H1 font color can be changed in “css/main_color1/chosen-color.css” (olive.css by default).

Hello,

Thank you for your interest in my product. Currently, the Emerix HTML template doesn’t have the search functionality implemented.

Hi,

Please open custom.js file, find the “Google Maps” section, and change either address or mapCoords depending on posType chosen.

More information can be found in the Documentation (“Javascript” > “Google Maps”).

Great found it. Thanks

Unfortunately I can’t help you with this because I don’t provide customization on my templates.

Thank you again for your answer.

Please if you have in your mind to add this feature, make it fast

Thank you again!

Ok, Marko

So, I also put an ogg and webm release. On firefox, the video starts but I have no sound. On chrome, the video does not start. On internet explorer, I have no problem

Does it happen in all browsers or in a specific one only? Does the example HTML5 video in my online preview ( http://e-merald.com/themes/emerix/lightbox.html ) play properly for you (with sound) or not?

The examples of HTML5 video in a lightbox in live preview were tested in Chrome, Firefox, IE 8-10 on Win XP / Win7, and Safari on iPad – and they work properly (with sound).

There was a problem with Chrome (video did not play), but the solution was found – it is implemented in the live preview version, and will be included in the recent template update. Please download the following files and place them in “js” folder: jquery.prettyPhoto.js , jquery.prettyPhoto.min.js , html5-video-template.html .

Thank you!

Hi Rodrigo,

If I understand you right, you are trying to implement some third party slide gallery (which is not included in the Emerix website template) into the homepage. Unfortunately, I have no idea how this could work.

Regards, emerald

Hello Christopher,

Please check if you changed the class name for #page-title section in the duplicated page.

The HTML code for the duplicated page should look something like this (let’s say it’s the “History” page):

<section id="page-title" class="custom-bg history">
   ...
</section>

The CSS code in the layout.css (section #6) for 2 pages with custom image header should be the following:

#page-title.custom-bg.values { background-image: url(../images/banners/header-values.jpg); }
#page-title.custom-bg.history { background-image: url(../images/banners/header-history.jpg); }

Hello,

Thank you, worked a treat. You are a star!

Yes please. It will help me a lot.

Hello Emerald, Any update on this. I would really appreciate this.

Hello bbk1234,

No updates on this… sorry. Currently I’m not planning to modify the jQuery Carousel Plugin to implement “vertical carousel” feature.

Hello,

Emerix is not a WordPress theme, it is an HTML5 template (as well as all files in the “HTML” section on Themeforest.net). If you want a WordPress theme, you need to look in the “WordPress” category.

Also, please have a look here and contact the Envato team if needed.

Regards, emerald

me again, with following: would it be possible to extend the slider on the landing page to the “circle shadow”, so that the circle shadow is the border of the slider? like this http://s1.directupload.net/images/140125/l9sfhmsl.jpg

i really would appreciate if you had a look at this, even tho i know it may not be a standard customization…

You can change the “margin-left” property of .hero-image element (section #3 in layout.css) and set some negative value. This extends the slider to the “circle shadow”... but makes the left corners of a slide image appear beyond the circle area. To prevent this, modify the intro-shadow.png file – add the area with background color to the left side of the “circle shadow” element, and also increase the canvas width. Then set appropriate values for “left” and “width” properties of .intro-wrapper element (section #4 in layout.css).

Hope, this will help you.

kk…. thanks again for your support! gonna rate your template now since that’s the way i like it aha aha

Thank you for your interest.

You can contact me by sending a private message via the form on my profile page. Actually, I don’t provide customization on my products… unless it’s a really slight modification. Any way, I will give you a quick reply if I can help you with the customization you need, or not.

Regards, emerald

Thank you, Jacob.

The virtual tours can be opened and played in a lightbox on smartphones, but this is pretty unstable and breaks a browser quite often. I think the better way is to open the tours in a new window. You can provide it by adding the following code into the custom.js file:

if ($(window).width() < 768) {
   $('a[data-rel="prettyPhoto[iframe]"]').unbind('click.prettyphoto').attr('target', '_blank');
}

This code prevents a lightbox overlay from opening on click event, and open a linked page in a new window.

THANKS again !! , Just wondering if Ajax would be an option ?

I’m not a great expert in Ajax yet, and use it for HTML forms functionality only… So I can’t give you an exact answer

Hello Jan,

You are right – it’s really easy. The main menu without drop-down submenus would look like this:

<ul id="main-menu">
    <li><a href="index.html" class="current">Home</a></li>
    <li><a href="typography.html">Features</a></li>
    <li><a href="about-us.html">Pages</a></li>
    <li><a href="portfolio-3-columns.html">Portfolio</a></li>
    <li><a href="gallery-3-columns.html">Gallery</a></li>
    <li><a href="blog.html">Blog</a></li>
</ul>

Hi,

Many thanks for super fast and useful reply! Was looking for a setting in css and / or js and overlooking the obvious!

Hi David,

If a portfolio is supposed to be filterable, the .portfolio-item-preview should have the “data-category” attribute. This attribute can have multiple values separated by space, for example:

<div class="one-half columns portfolio-item-preview" data-category="all planning">

Use the following structure (example) of the #portfolio-filter for the filterable portfolio:

<ul id="portfolio-filter" class="clearfix">
   <li><a href="#" data-category="all" class="link-sm current">All<span></span></a></li>
   <li><a href="#" data-category="planning" class="link-sm">Planning<span></span></a></li>
   ...
</ul>

Also, please read “HTML – Portfolio” and “Javascript – Portfolio Filter” sections of documentation for information on how to implement portfolio filtering.

The full example of a filterable portfolio can be found in portfolio-2-columns.html file.

Oh thanks!! It worked fine!

Hello Jan,

Thanks for the purchase!

I’ve just checked the side menu on iPad2, iPod touch and Android smartphone – it works properly with touch events as it should. And I don’t see any reason why it shouldn’t work because there is nothing specific – just standard links with “href” attribute…

I didn’t make the sample page for a FAQ section because there is nothing specific for this: 1) if you want to have toggling answers – use the examples on “Tabs & Toggles” page, 2) if you need classic style – use simple CSS styling (“bold” for questions, “normal” for answers).

If you mean the page with contact form by “form page” – there are 2 sample pages.

Form page just like http://www.getskeleton.com/#forms. The input, textarea, listbox and dropdown styles.

The styles for HTML form elements are declared in the template. The examples of a text field, text area, drop-down list, and checkbox can be found on Contact and Single Post pages. The example of a Radio Buttons element is not included, but it can be easily used and doesn’t need any additional styling.

Hi Rodrigo,

As far as i can imagine, a background image is most suitable for pages with boxed layout. The Emerix template is developed with wide page layout in mind, and it doesn’t include the boxed version. So, I’m afraid, the option of using an image as the page background is not possible currently.

Regards, emerald