This was absolutely the most common problem of our previous release. Unfortunately, a chosen font by the developer could not support every language and character. If you don’t see your alphabet properly or it’s not displayed at all (as it may happen to chinese, russian, turkish, vietnamese, etc, users) you need to replace our font with your language’s one. First, find a cool font that supports your language, than load it here. Make sure you type “Open Sans” in this input-box:

Even if it’s not the correct name of your font, this will prevent you from editing more files, since that line pretends that the OpenSans font is still used by the template. Download the new font, rename it “open-sans-latin.js” and replace the file with the same name in in js/cufon.

Yes, you can obtain the same menu used in category page, but with all the submenus open. DO NOT ADD the “hoverable” class to the submenu <ul> tag. IE:

        <!-- start subnav --><br />       <div class="subnav rightcol-block"><br />        <h4 class="red">Categories</h4><br />        <ul class="sf-menu sf-vertical"><br />           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Kitchen & Eating </strong> (13)</a></li>
            <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Wall decoration</strong> (5)</a></li>
            <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Children Room</strong> (2)</a></li>
            <li><a href="category-page.html" title="" class="subnav-link"><span><strong>
            Outdoor & Garden</strong> (11)</span></a>
                <strong><ul class="hoverable"></strong><br />                  <li><a href="category-page.html" title="">Relax</a></li><br />                  <li><a href="category-page.html" title="">Storage</a></li><br />                  <li><a href="category-page.html" title="">Plant pots</a></li><br />             </ul><br />          </li><br />          <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Living Room</strong> (0)</a></li>
           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Laundry & Cleaning</strong></li>
           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Baby Textiles</strong> (2)</a></li>
           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Home Office</strong> (4)</a></li>
         </ul><br />      </div><br />      <!-- end subnav --> 

That was the normal category menu, with the submenus displayed only on hover. And this one is the category menu with submenu always open:

        <!-- start subnav --><br />       <div class="subnav rightcol-block"><br />        <h4 class="red">Categories</h4><br />        <ul class="sf-menu sf-vertical"><br />           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Kitchen & Eating </strong> (13)</a></li>
            <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Wall decoration</strong> (5)</a></li>
            <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Children Room</strong> (2)</a></li>
            <li><a href="category-page.html" title="" class="subnav-link"><span><strong>
            Outdoor & Garden</strong> (11)</span></a>
                <strong><ul></strong> <strong>NO "HOVERABLE" CLASS ADDED</strong><br />                  <li><a href="category-page.html" title="">Relax</a></li><br />                  <li><a href="category-page.html" title="">Storage</a></li><br />                  <li><a href="category-page.html" title="">Plant pots</a></li><br />             </ul><br />          </li><br />          <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Living Room</strong> (0)</a></li>
           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Laundry & Cleaning</strong></li>
           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Baby Textiles</strong> (2)</a></li>
           <li><a class="subnav-link" href="category-page.html" title=""><strong>
            Home Office</strong> (4)</a></li>
         </ul><br />      </div><br />      <!-- end subnav -->

If you want to edit the Facebook account displayed there, edit js/facebook-box.js and replace this:

        profileid="109822959866"

with:

        profileid="YOURID"

If you don’t know how to get your page ID, read this. Also, do not forget that the Facebook box works ONLY with Facebook PAGES and not with a common USER account. For example, if you have created a normal USER account for your shop, as if it was a real person, don’t expect that it will work in the Facebook Box. Instead, create a fan page from that account and put its ID in the box.

If you need to change colors of the elements in the box, open css/fb.css and edit the following classes:

<strong>        .total</strong> {<br />        display: block;<br />        margin-bottom: 6px;<br />        margin-top:11px;<br />        color: #666666;   /* EDIT THIS VALUE TO CHANGE THE COLOR OF THE TOTAL LIKES COUNT */<br />        font-size: 12px;<br />        font-family:Arial, Helvetica, sans-serif;<br />        }

<strong>        .fan_box .connections_grid .grid_item .name</strong> {<br />        color: #666666; /* EDIT THIS VALUE TO CHANGE THE COLOR OF THE NAMES */<br />        }<br />
<strong>        .fan_box .connections_grid .grid_item:hover .name</strong> {<br />        color: #D94A38; /* EDIT THIS VALUE TO CHANGE THE COLOR OF THE NAMES ON HOVER */<br />        }
<strong>
        .grid_item img</strong> {<br />        margin-bottom: 3px;<br />        padding: 5px;<br />        background: #fff;<br />        border-bottom: 1px solid #e5e5e5; /* EDIT THE COLOR OF THE IMAGES BORDER */<br />        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);<br />        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);<br />        }<br /><strong>
        .grid_item a:hover img </strong>{<br />        border-bottom: 1px solid #c5c5c5; /* EDIT THE COLOR OF THE IMAGES BORDER ON HOVER*/
        }

After saving this file, DO NOT FORGET to edit also js/facebook-box.js:

        document.write('<fb:fan profileid="109822959866" stream="0" connections="4" logobar="0" 
        width="355" height="140" css="http://www.aldemastudio.com/template/Linear/HTML/css/fb.css?12"></fb:fan>') 

The path of the css file (in this case: “http://www.aldemastudio.com/template/Linear/HTML/”) must be absolute. So edit it and replace “http://www.aldemastudio.com/template/Linear/HTML/” with “http://www.yoursitename.com/yourlineardirectory”. Change “12” with a bigger random number, since that one is stored in the cache already. If you won’t type a new number, the previous changes to the css file won’t take effect and the custom Facebook Box will not be displayed.

The content shown in the Twitter box can be changed by editing the following line in each template page:

<script type="text/javascript" src="http://twitter.com/statuses/
user_timeline/<strong>WPNewsStation</strong>.json?callback=twitterCallback2&count=2"></script>

Insert the Twitter account name you want to display instead of “WPNewsStation” and save the file.

Edit these lines in js/common.js:

        <strong>// START GENERAL IMAGES THUMBNAIL FADE IN </strong><br />        $('.fadeable').mouseenter(function(e) { <br />        $(this).children('img').fadeTo(300, 0.5); //for standard images - 0.5 = OPACITY LEVEL; 
                                                    300 = time in ms
        $(this).children('span.light-background').fadeIn(300);  //for the small arrow with the light
                                                                  background - 300 = time in ms
        }).mouseleave(function(e) {<br />        $(this).children('img').fadeTo(300, 1);  //for standard images - 300 = time in ms<br />        $(this).children('span.light-background').fadeOut(300); //for the small arrow with the 
                                                                  light background - 300 = time in ms<br />        });<br />        // END GENERAL IMAGES THUMBNAIL FADE IN <br />
        <strong>// START SLIDER2 THUMBNAIL FADE IN </strong><br />        $('.fadeable2').mouseenter(function(e) { <br />        $(this).children('img').fadeTo(300, 0.5); //for standard images - 0.5 = OPACITY LEVEL; 
                                                    300 = time in ms<br />        }).mouseleave(function(e) {<br />        $(this).children('img').fadeTo(300, 1);  //for standard images - 300 = time in ms
        });<br />        // END SLIDER2 IMAGES THUMBNAIL FADE IN <br />
        <strong>// START GENERAL IMAGES THUMBNAIL FADE IN INVERSE. IE: index</strong><br />        $('.fadeable-inverse').mouseenter(function(e) { <br />        $(this).children('img').fadeTo(300, 1); //300 = time in ms<br />        }).mouseleave(function(e) {<br />        $(this).children('img').fadeTo(300, 0.50); //0.5 = OPACITY LEVEL; 300 = time in ms<br />        });
        // END GENERAL IMAGES THUMBNAIL FADE IN INVERSE

Edit these lines in js/common.js:

<strong>        // NIVO SLIDER</strong><br />        $('#slider').nivoSlider({<br />        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'<br />        slices: 15, // For slice animations<br />        boxCols: 8, // For box animations<br />        boxRows: 4, // For box animations<br />        animSpeed: 500, // Slide transition speed<br />        pauseTime: 8000, // How long each slide will show<br />        startSlide: 0, // Set starting Slide (0 index)<br />        directionNav: false, // Next & Prev navigation<br />        directionNavHide: false, // Only show on hover <br />        keyboardNav: true, // Use left & right arrowss<br />        pauseOnHover: true, // Stop animation while hovering<br />        manualAdvance: false, // Force manual transitions<br />        });<br />        // END NIVO SLIDER<br />
<strong>        // JCAROUSEL SLIDER</strong><br />        $(".slider-wrapper-cycle").jCarouselLite({<br />        wrap:"circular",<br />        speed:1000, // Slide transition speed<br />        auto:8000, // How long each slide will show<br />        btnNext: ".navbuttons a.last-child",<br />        btnPrev: ".navbuttons a:first-child"<br />        });<br />        // END JCAROUSEL SLIDER

Edit these lines in js/common.js:

        //FANCYBOX<br />        $(".fancy-img").fancybox({<br />        'transitionIn'    :    'elastic',<br />        'transitionOut'    :    'elastic',<br />        'speedIn'        :    600, <br />        'speedOut'        :    200, <br />        'overlayShow'    :    false<br />        });<br />        //END FANCYBOX 

There is a complete list of available buttons in the full elements page. To use them use the following code:

        1) <a href="#" class="button-default cart dark"><span class="hover">BUTTON 1</span>
        <span>BUTTON 1</span></a> 

        2) <a href="#" class="button-default cart"><span class="hover">BUTTON 2</span>
        <span>BUTTON 2</span></a>      

        3) <a href="#" class="button-default cart dark light"><span class="hover">BUTTON 3</span>
        <span>BUTTON 3</span></a>

        4) <a href="#" class="button-default cart light"><span class="hover">BUTTON 4</span>
        <span>BUTTON 4</span></a>

        5) <div class="button-cart general dark"><a href="#">BUTTON 5</a></div>

        6) <div class="button-cart general"><a href="#">BUTTON 6</a></div>

Many buttons are simple <a> tags: if you want to use them as input buttons, add this to the button’s code:

        onclick="$(this).closest('form').submit();"

For example:

        <div class="button-cart general dark"><a href="#">BUTTON 5</a></div>

Becomes:

        <div class="button-cart general dark"><a href="#" 
        onclick="$(this).closest('form').submit();">BUTTON 5</a></div>

Simply edit the file “send.php” and replace this:

        myemail@gmail.com

With your email address.