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.

 

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


  • Hi there,

    How would I modify the tag pages? There’s no tag.php file.

    Many thanks in advance


    • copy the category.php file and rename it to tag.php and you will have a tag.php! 🙂


  • I really enjoy this theme, thanks for sharing!
    Is it possible to add headerimages without the sliderfunction, on the other sides of the navigation? I want a hp, where every side has its own image on top(at the slider place). Is it possible? Thanks for your help!


    • its possible in the PRO version Tyson.


  • Me again.

    I was wondering if it is possible to upload a custom logo for the site title?

    Thanks for everything! Wonderful theme.


    • Only in the PRO version Liz.


  • Hi I wonder if you could help me, I love this zenon lite theme I’m going to go pro soon, but I have a problem, I need a multi language website, so I’m trying with the plugins Language Bar Flags, and Polylang that is very useful for assigning a language to pages and posts, but how can I change the language of the 4 boxes in the homepage too?


  • Hi there! This theme has to be one of the most customizable free themes I’ve found so far, and I’ve really enjoyed it. I appreciate the streamlined look. There were a few things on which I had questions: Is there a way to remove titles from individual pages? Is there a way to remove the box outline around each of the elements (like the menu bar and widgets, etc? And is there a way to darken the font from the tabs? Thanks so much! You’ve made the use of WordPress by a novice so much easier!


    • Huh. I figured out how to darken the font on the tabs. lol. I just got brave and started changing color codes wherever I found them. Still trying to figure out the box outline and titles.


    • Also figured out how to hide the boxes. So… just the titles? lol


    • Open up page.php and remove this line:


    • Thanks! But page titles are still there 🙁

      AMAZING response time, by the way! I appreciate that.


    • do the same for single.php file.


    • Still there. Count on me to be the difficult one. lol


    • Just checked your site and looks like your are using the full width page template all over the site.

      So you will have to edit the page-full_width.php file and remove that same line from this file.


    • You’re a GOD! Thanks!


    • One more question. lol. Is there a way to keep the page titles on blog posts? After removing that code, the titles disappeared from the blog posts as well as the pages. If not, I’ll deal. It’s the lesser of two evils.


    • just put back the line you removed from single.php and page.php file.


    • Thank you again! You’ve helped immensely!


  • Hi
    one thing that happenes is thet the menu for child pages fall behind the nice big slider – is it supposed to work that way?


    • no Walter..


  • Don’t hate me! I have another question! lol

    Is there a way to make the font smaller in the sub-menus without affecting the size of the main tabs? I tried to fiddle, but can’t seem to find the right code.

    Thanks ahead of time!


    • Or change the sub-menu from uppercase to lowercase with capitalized first letters.


    • add this to your stylesheet:

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


    • Awesome! Again!


  • Hi,
    Great theme!

    One small issue though… When viewed in IE (9.0.8112), I seem to get a grey border about 4px across the top and down the left of the slider.

    I’ve tried editing the CSS but I can’t seem to create a work-around to remove the top and left border.

    Could you help at all?

    Thanks,
    Alex


    • Ok, I’ve found a temporary fix.

      I removed the href tag around on line 29 in easyslider.php.

      Public – edit at own risk!!!


  • Okay, I have just a couple more questions and then I hope I can leave you alone after that lol…..

    I created a “blog” category, and added that category to my main menu so that my blog posts only show on that page, but my footer menu is showing up before the posts on that page (every other page is fine). Is there a way to remove the footer from JUST that blog category page (or just move it to the bottom if there’s not)?

    Also, how can I center that footer menu like the top menu is centered?

    And last, I have parent pages (“Gallery” and “Tips & Techniques”) with sub-pages, and I’m wondering if there’s a way to remove the link to those parent pages. Basically I just want visitors to hover their cursor over the parent page tabs on the menu bar, but only be able to click on the sub-pages. If that’s not possible, that’s fine, but I figured it doesn’t hurt to ask.

    THEN I think I’ll have it just the way I want it! lol


    • Oh, dagnabit… also, can I remove the little arrows next to the menu pages that have subpages?

      Thanks so much!


    • Huh. The footer above the blog posts fixed itself when I added a couple more posts.

      So just the other things now. lol


    • Add this line to your stylesheet:

      #footmenu ul{width:980px!important; text-align:center;}
      #footmenu{width:1000px!important;}

      and to make the parent menu link blank, create a custom link menu from Appearance> Menus and put # in the “url” field. and then add it to your menu.


    • Sweet! You’re a total guru. Thanks!


  • Ehy,

    I’m sorry disturbing u during ur summer holiday but I have a real problem.. I’m working with your ZENON LITE 1.9 theme and I don’t know where I can edit the homepage so to insert an image with a link…

    Thanku!


    • I am not sure what you are trying to do. can you elaborate?

Leave a Reply to Ben 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>