Zenon LiteFree WordPress Theme

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.



  • 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:


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:



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:



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:

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:



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:
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_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
For Life
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)



Upload LOGO



Video Thumbnail Feature



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



Sticky Top Menu



Social Share buttons/Numbered Page Navigation



Related Posts



Google Analytics



Threaded comments/Separated Comments & Trackbacks



IE6/ IE7 Browser Upgrade Alert!



Fancy lightbox



Full Email support



Forum support



Upgrade to PRO

  • Hi there,

    I have a client using v1.1 and he likes the way it’s set up. We moved him from WP 3.4 to 3.9 and were able to move everything over to the new site EXCEPT the slider. We have the page on Settings > Reading to show latest posts and the content blocks are working just fine, but the slider isn’t showing up. Is the slider not supported in WP 3.9?

    • yes its supported. did you setup the slider?

  • I love the template thank you very much!

  • I’ve Zenon Lite 1.9 with wordpress 3.5 I would upgrade wordpress to 3.91: theme’ll work with?

    • yes. it will work fine.

  • I would like to know what should be the size of the pictures to put on the slider on Zenon light to have a perfect image.
    Thank you.

    • 100px x 360px

  • Hi, can you tell me how to make the page navigation numbers at bottom of the home page to have a first and last option, or a next page option? At the bottom of my site it goes 1-7, then 16 (last page) – so you can’t actually click on pages 8-15? Thanks. http://www.forza27.com

    • Go to Zenon Options and disable “Ajax pagination”

  • I’ve been surfing on-line more than three hours these days, yet I by no means
    found any fascinating article like yours. It is beautiful value sufficient
    for me. Personally, if all web owners and bloggers made just right content
    as you probably did, the internet might be much more useful than ever before.

  • How to change the width of submenu?

    • add this to the very bottom of your stylesheet:

      #topmenu ul li ul {width: 200px!important;margin-left:-60px!important;}

  • Many thanks. I love your theme by the way, its great.

    Another question, how do I remove the sidebar from certain posts? I want the sidebar there for most posts, but for certain posts which are essentially just photo galleries, how can I remove it? Thanks

    • it depends on your post id. find your post ids. and add this to your stylesheet(change the number 5958 with your post id):

      .postid-5958 .single_wrap{width: 1000px!important;}
      .postid-5958 .single_post{width: 970px!important;}
      .postid-5958 #sidebar{display:none;}

  • Hi Towfiq,

    I have a question regarding the mobile optimisation of the theme.

    It would be ideal to have a full version of the site in a smaller format (with the adjusted width), but somewhere on the forums I’ve read that this feature is not there yet, so for now I would like to fix the mobile optimisation.

    I’ve done something today trying to fix the problems, but haven’t been successful… When I look at the site on my iPhone, the top menu is not being displayed.. Only one page name is shown. And in the landscape mode the pages are zoomed in, so that one cannot zoom out to see the whole page. Moreover, on the RELOCATION / MOVING HOME page the font sizes are different.

    What can be done about it?

    Thank you in advance for your help!

    Kind regards,

    • To make the menu show up on mobile you have to set it up properly. :) Go to Appearance> Menus and create a custom menu.

      open up header.php and replace this: user-scalable=0
      with this: user-scalable=1

      let me know.

    • Thank you!
      The site can be now scaled down properly on the mobile in a landscape mode when one opens the site as landscape.

      1. But when one opens the site in a portrait mode it looks different and only the first item of the menu is showing on top of the slider. Is there a switch somewhere where one can turn on the mobile version of the site? I remember there was something like that before, and I actually turned it off…
      2. The menu is set up properly as you can see on the desktop version of the site. I don’t know what can be wrong with it. The top items are set to the primary menu and the bottom ones are set to the footer menu. There is another problem though (when one looks at the desktop version): the sub-items of the menu are not showing. 2 of the last menu items have 1 sub-item each, and they are not shown when one hovers over the menu items. Why can that be?
      3. And what can be done with the different font sizes on one page?

      Thank you for your help!

  • Oh, I’ve found the switch for the mobile version – it’s in the Jetpack.
    Now I know why I turned it off – the site looks completely different and visitors land on the posts section, which I don’t want..
    So, I know the answer to this question.

    Looking forward to hearing from you soon. :)

    • the submenus are not working because the code you added in zenon.js earlier had incorrect characters.

      open up zenon.js and replace this:

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

      with this:

      jQuery("#topmenu ul.menu").tinyNav({active: 'selected', header: MENU});

      If you have any further queries send them through http://www.towfiqi.com/contact for speedy response.


Leave a 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>

Trackbacks & Pings

Home Forums Zenon Lite

Viewing 15 topics - 1 through 15 (of 133 total)
1 2 9
Create New Topic in “Zenon Lite”