Zenon LiteFree WordPress Theme

Live Demo
Download
Zenon Lite is an all in one wordpress theme with 3 awesome fonts, slider, background image easy to use theme option panel. The Theme also includes 3 built-in widgets and 5 useful shortcodes. The theme is SEO Friendly and has plenty of user-friendly options. The theme also comes with a Full-width page, Left Sidebar Page and a Contact page Template which doesn’t require any setup. Zenon Lite is suitable for any business or personal website.
  • 3 Fonts
  • 1 slider
  • 1 Layout
  • Ajaxed Pagination
  • 3 custom widgets.
  • 5 easy to use shortcodes.(Hard-coded in Post Editor)
  • 2 WordPress 3.0 Menu Position.
  • Mult-Level Dropdown Menu.
  • Social buttons to submit posts to Facebook, Twitter,
  • Stumble upon, Digg, Delicious, Google plus
  • 3 Awesome fonts.
  • Sticky Top Menu.
  • Optimized for Iphone, Ipad and Android Mobile Devices.
  • Easy to use theme options.
  • Gravatar Support.
  • 3 custom page templates
  • Fancy lightbox
  • IE6-7 Browser Upgrade Alert!
  • Separation of Comments and Trackbacks
  • Threaded comments support.
  • Valid XHTML/CSS3.
  • Well-written documentation
  • One Click Install. No plugin required.

 

Compatibility:

  • Internet Explorer 8+
  • Firefox 3+
  • Safari 5
  • Opera 9+
  • Netscape 6+

version 1.9
—————–
1. Fixed Google Plus button
2. Fixed few Bugs in the Mobile version.
3. 3.4 Compatible.

version 1.6
—————–
Bug Fixes
===========
The 404 page was looking weird
The Lobster font was not loading properly.
The Post share buttons were inaccessible for flawed css
Slider link wasn’t working when the “Slider Text” was disabled from the theme options.

New Features
============
Mobile Friendly version of the theme added for Iphone, Ipad and Android Devices.

version 1.1
—————–
+ Initial Release

 

1. How do I setup the slider?
A: Go to Appearance> Zenon Options> Documentation to learn how to setup the slider.

2. My slider and blocks are not showing up. why?
A: Go to Settings> Reading and select “Your latest posts” as your front page.

3. How do I change the number posts appear on the fron page?
A: Go to Settings> Reading to change the number of posts per page.
4. How can I remove the comment box from my website?
A: open up single.php, page.php and page-full_width.php and remove this:

<div><?php comments_template(”,true); ?></div>

 

5. How can I change the colour of the blog title?

A: Go to Appearance> Editor and select “stylesheet” from right and add this to the very bottom:

.logo h1 a{color:#fff!important;}

 

6. How to change the order of the sildes at the front page?

A: Try editing the dates of the slides. The slide with latest date is displayed first.

 

7. The social links on the left redirects to 404 error page. why?

A: You forgot to add your http:// at the start of your links. eg:
http://www.facebook.com/pages/Towfiq-I/180981878579536
8. What should be the size of slider images?

A: width- 1000px & Height- 360px
9. The post navigation button only works upto 7 pages. Then it doesnt load anything.

A: Go to Appearance> Zenon Options and disable “Ajax pagination” option.

 

10. how can i remove the number below the slider?
A: Add this to the very bottom of your stylesheet:

ol#controls{display:none;}

 

11. How do I increase the size of the Menu Text?

A: Add this to the very bottom of your stylesheet:

body #topmenu ul li a{font-size:18px!important; color:#333!important;}

 

12. The Mobile menu is always displaying the Last Menu item. How to fix that?

A: You could display the word “Menu” instead of always displaying the last menu item. to achive this, open up zenon.js and replace this:

jQuery(“#topmenu ul.menu”).tinyNav();

with this:

jQuery(“#topmenu ul.menu”).tinyNav({active: ‘selected’, header: true});

 

13. I can’t see the menu in mobile. why?
A: Because you did not setup the menu correctly. Go to Appearance> Menus and setup your menu.
To learn how to setup your menu watch this tutorial:
http://www.expand2web.com/blog/wordpress-30-custom-navigation-menus-video/

 

14. How to change the opacity of the social icons?

A: You will have to edit the zenon.js file. open it up and remove this:

//SHARE
if (jQuery.support.opacity) {
jQuery(‘.social li’).css({‘opacity’: ‘0.3’});
jQuery(‘.social li’).hoverIntent(function(){
jQuery(this).animate({ ‘opacity’: ‘1’}, 200);
}, function(){
jQuery(this).animate({‘opacity’: ‘0.3’}, 100);
});
}
15. When a message is sent from the contact page Where do the emails go to? How do I change the email address?
A: The emails go to your wordpress admin email address. And you cannot change the contact page’s degfault email address. Try a wordpress contact form plugin if you want those emails to go to another email address.

 

16. In Interent Explorer the slider appears with a gray border. how to fix that?
A: Add this to the very bottom of your stylesheet:

#slider li img{border:none!important;}

 

17. The Excerp text in the Slider shows all the first letter of each word of the text in capital letter. I dont want that.
A: #slider .slider-content h2 a, #slider .slider-content a, .slider-content p{text-transform:none!important;}

 

18. How do I delete the “Off” symbol that appears when the cursor is waved over the post blocks on the home page?
A: Add this to your stylesheet:

.block_comm{display:none;}

 

19. I dont want any sidebars in any of my pages. I want my site to be full width:

A: Add these lines to the very bottom of your stylesheet:
/*FULL WIDTH PAGE*/
body .single_post, .error404 .single_wrap, .error404 .single_post{ width:970px;}
body .single_skew_comm{width: 962px;}
body .single_skew_comm .skew_top_big{width: 968px;}
body .single_skew_comm .skew_top_right{ margin-top:-71px;}
body .single_skew .skew_bottom_big{width: 968px;}
body .single_skew{ width:1000px;}
body #commentform{ width:970px;}
body .comment-form-comment textarea{width: 570px;}
body .comment-form-comment{width: 600px;}
body .field_wrap{width: 340px;}
body .comment-form-author input, body .comment-form-email input, body .comment-form-url input{width: 263px;}
20. how can I change the link color inside the post? its grey.

A: Add this to the very bottom of your stylesheet:

body .single_post .post_content a{color:#D73A36!important;}
21. How do I increase the height of the front page blocks?

A: Add this to your stylesheet:

.midrow_blocks{height:230px!important;}
.midrow_block, .mid_block_content{height:215px!important;}

 

22. How can I Remove Author, Post and Category-related Text from posts?

A: Open up single.php and remove these lines:
<div>On <?php the_time( get_option(‘date_format’) ); ?><?php if(of_get_option(‘dissauth_checkbox’) == “0”){ ?> by <?php the_author(); ?><?php } ?></div>

and you can disable the category names from the theme options.
23. How do I add images to my blocks?
A: Lets say you want to add an image to block 4. Open up index.php and add this line:

<img src=”your image url” />

after this:

<?php echo of_get_option(‘block4_textarea’); ?>

 

24. I added 3 -4 slides but my slider is showing 10+ blank slides.
A: The sharing feature of Jetpack plugin is causing this. to fix this, add this to your functions.php:

if ( function_exists( ‘sharing_display’ ) ) remove_filter( ‘the_excerpt’, ‘sharing_display’, 19 );

Before this:

//Post Thumbnail

 

 

 

The theme is released under GNU General Public License, version 2.

Zenon Lite Zenon PRO
Free
For Life		 $40
One time payment
Skins 0 Unlimited
(Ability to change the color of almost all the elements)
Fonts 3 15
Layouts 1 4
Slider 1 3
Shortcodes 5 20
Widgets 3 8
Widget Areas Sidebar Widgets/ Footer Widgets Sidebar Widgets/ Footer Widgets
Menu 2 Menu Positions/ 3 Level Drop-down Menu 2 Menu Positions/ 3 Level Drop-down Menu
Page Templates 3 6
Mobile Friendly version(Optimized for Iphone, Ipad and Android Devices)

YES

YES
Upload LOGO

NO

YES
Video Thumbnail Feature

NO

YES
Ajaxed Pagination(No page refresh when the page number buttons are cliked.)

YES

YES
Sticky Top Menu

YES

YES
Social Share buttons/Numbered Page Navigation

YES

YES
Related Posts

NO

YES
Google Analytics
Integration

NO

YES
Threaded comments/Separated Comments & Trackbacks

YES

YES
IE6/ IE7 Browser Upgrade Alert!

NO

YES
Fancy lightbox

YES

YES
Full Email support

NO

YES
Forum support

NO

YES

Upgrade to PRO

  • brian on August 24, 2012 at 1:18 pm

    Thank you that did it with the short code button. Then blank=true or target”_blank” both work. Very Much Appreciated!

    Reply
  • Barbara on August 24, 2012 at 4:48 pm

    Need to know how to add side bar to page can this be done

    Reply
  • Barbara on August 24, 2012 at 5:02 pm

    Need Side Bar

    Reply
    • Towfiq I. on August 25, 2012 at 6:14 am

      theres already a sidebar in pages.

  • routine on August 25, 2012 at 8:12 am

    Hi Towfiq, im’ testing my wordpress site locally with my iPad it’s ok if i use it in a landscape display but the slider doesn’t seem to resize in a portrait display.

    where could i fix that?

    Reply
    • Towfiq I. on August 26, 2012 at 12:51 pm

      theres no way to fix this.

    • routine on August 26, 2012 at 3:30 pm

      Helen, who posted here on june, has a site (http://www.chooseverbs.com/) using yout theme that does almost fit the portrait display (much better than mine) + you can zoom in whereas i can’t on mine… would you help me get this clearer

    • Towfiq I. on August 26, 2012 at 5:24 pm

      she is using an older version which doesnt support mobile.

  • Nicole Hanna on August 26, 2012 at 9:44 am

    First, I have to say I’m still thoroughly enjoying this theme. I purchased another theme before trying yours and hated it and still waiting for a refund, and as soon as I get it, I’m buying your pro version.

    Second, I’m still playing with the slider and the text area and I was wondering (if it’s possible) how to change the shadow text are to a light color with black text, and make the shape a rectangle, and if there was a way to change it’s position on the slider, like maybe upper right corner or lower left corner. Something like that.

    Third, (if it’s possible) how would I go about making the color of the social networking buttons all the same, like a nice gray?

    And, finally fourth, lol, how can I remove all the borders from the elements on the front page (around the header, menu, slider, blocks, footer, ect)? I was doing it by changing the colors manually to just match the background color, but that’s just way too labor intensive. lol

    Thank you for all the help and the quick answers. Your customer service is the reason I’m buying the pro version.

    Reply
    • Towfiq I. on August 26, 2012 at 1:00 pm

      yes its possible to make the slider content background square and position them to top right/left.

      And to remove the borders. Add this to your stylesheet:

      #topmenu ul li ul li, .midrow_blocks, .mid_block_content, .lay1 .hentry, .lay2, .lay3 .post_image, .lay3 .post_content, .lay4 .single_metainfo, .single_post, .commentlist li, #commentform, #commentform label, .comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea, #sidebar .widgets .widget, #sidebar .widgets .widget li, #footer, #footer .widgets .widget ul li, #footer #wp-calendar caption, #copyright, .znn_paginate span, .znn_paginate a, .navigation a, .navigation span, #related_wrap ul, #searchform #s, .search_term, ol#controls li, #topmenu, .wp-caption { border:none!important;}

  • MG on August 27, 2012 at 12:58 pm

    Hi!

    LOVE this theme – it’s just what I’ve been looking for. Question: what’s the optimum image size for the slider? I want them all to be the same and, ideally match the full-width (no sidebar) template default size. Thank you!

    Reply
    • Towfiq I. on August 28, 2012 at 5:39 pm

      width 1000px
      height- 360px

    • MG on August 28, 2012 at 8:58 pm

      Thanks so much for the image size reply . One other question: I can’t get ANY of the slider images to upload properly. I select slider/”new” in the slider option of the dashboard page, and then upload the picture. These photos are not used anywhere else on the site, only wanted in the slider. Is there a size maximum (or do there have to be multiple slides before it shows you what’s there?)

      Thanks for the help! This really is an awesome theme – I’ve been hunting for months and this is the first one that does pretty much everything I want without compromises.

    • MG on August 28, 2012 at 9:01 pm

      Sorry – unclear – I mean I TRY to upload them, it seems to be uploading, but then I get a blank upload screen and nothing shows in the “slider” section (or on the pages). All other images used on the site upload and display fine.

    • Towfiq I. on August 29, 2012 at 4:26 am

      can you disable all the plugins and try again? sounds like a plugin issue.

  • Clay on August 27, 2012 at 1:28 pm

    Nice theme! Couple questions…

    1) How come the sidebar doesn’t show up on the home or blog page but does on the about page?

    2) The side widgets are using the wrong URL for the social sites because its putting my domain in front of the actual URL, how can i change this?

    Reply
    • Towfiq I. on August 28, 2012 at 5:41 pm

      1) the theme is made that way.
      2) not sure what you are talking about.

  • Irene on August 29, 2012 at 1:59 am

    Hi!

    I have a problem with the posts. I have now in Settings 20 posts per page and in most of them I have more than 20 posts. When this happens the page doesn’t display properly.

    1. Is hard to navigate between the different post pages. In fact, the other pages are not accessible, if you click the number button it doesn’t change the page. And just for one second stays the >> arrows to change the pages, which works, but disappears after one second the page is full downloaded.

    2. The right column appears at the end of the posts, not next to them.

    You can check it here:
    http://www.infochina.pro/category/sector-diseno/
    http://www.infochina.pro/category/practicas-en-empresas/

    Thanks! I appreciate your help!

    Reply
    • Towfiq I. on August 29, 2012 at 4:33 am

      1. Go to Zenon Settings and disable the “Ajax pagination”
      2. You made a mistake while editing the index.php

  • Susan on August 29, 2012 at 4:13 am

    Hi there!
    I am trying to set up a signup form above the slider (homepage?) I already created the form from mailchimp but I don’t know in which page I should embed the html code of the form in order to appear in the homepage (next to the slider)..
    help me please!! thank you 🙂

    Reply
    • Towfiq I. on August 29, 2012 at 4:29 am

      Go to Appearance> Editor and select “index.php” and add the code after this line:

1 … 52 53 54 55 56 … 107

Leave a Reply to Agata Cancel reply

Your email address will not be published. Required fields are marked *

+ Insert website address to ensure quick efficient support
+ To post your code, wrap your code with this <pre lang="LANGUAGE" line="1"></pre>