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


  • I keep having alignment issues on this page of my website: http://cassa.on.ca/health/blog/2012/02/02/health-service-providers/

    Even though I’ve added the code that should make the titles in the left column align with the text on the right, after a while it’ll disalign again.

    I’ve noticed that this html code “” has changed to this ” ” every time that problem happens but I’m not sure how to fix it w/o having to re-enter the proper code every time.


    • I am not sure what you are trying to achieve and what the problem is. care to elaborate?


    • Sorry, the html text I pasted in the quotations seems to not have pasted.

      I’m trying to get the organization names to stay in alignment with the appropriate text describing that organization but it won’t stay in line. I was wondering how I could fix that. (Just to note, the first three entries are aligned fine, but it’s when I get to “Punjabi Community Health Services” that the misalignment error occurs).


    • In you post editor click the “HTML” button from top right and before the punjab div. add this line:


  • Hi! I am starting to work with your theme, wich I like very much. Now when I try to start slider it doesn´t show the picture. Massage: “no related posts”. Another question is: why I can´t see the 3 posts under the blocks? Thanks!


    • Whats your website address?


  • http://www.geisterdieichrief.de/
    I´ve got it with the slides allready. The question with posts is still open. But I do my best 😉


    • Maybe because you dont have any posts in your site.
      And make sure you have this option enabled:
      Enable the posts under the blocks on homepage

      Inside Appearance> Zenon Options> FrontPage


  • thank you very much! the next step is done!


  • After i upgraded the template the send button is not in the right place on the contact page: see here:
    http://iamtonywilson.com/contact/
    and the contact and product page do not extend to the full width of the page anymore. How do I fix both of these things?
    Thanks!


    • Go to Appearance> Editor and select “stylesheet” from right and add these lines to the very bottom:

      .entry-content #submit_msg{left:auto!important;}
      .page-template-page-contact-php .single_post{width:970px;}


    • thanks that fixed the contact page but not the width of the product page. How do I get the product page to extend in width to the end of the page.


  • I’m trying to insert URLs for the social feeds but the theme is inserting the wp site url in front

    e.g. instead of facebook.com/username, I get ‘wpsitename/facebook.com/username’

    Thanks for your help.


    • Nevermind, I didn’t insert the full URL (http://…)


  • Hey Towfiqi — what’s the latest version of this template? when I look here it “seems” like its’ 1.2, but on wordpress it’s 1.8 — it seems that the demo of this version looks different (front page, graphics around blocks)

    thanks! 🙂


    • Where did you get version 1.2 ? O.o
      The latest version is 1.8. Download and install the latest version from wordpress.org


  • I love this theme! Is there any way to make the title on the slider page larger?


    • Do you mean the site logo?


    • I think so, the title above the main menu. (the part that says “Theme Preview” on the demo/preview version)


    • Go to Appearnace> Editor and select “stylesheet” from right and add this line to the very bottom:

      body .logo h1 a{font-size:40px!important;}


    • Thank you!!


  • Hello,

    I love your theme, but I’m in front of a problem that I can not resolve the last few weeks, I had asked in mid-May I think, but still not resolved,
    can not put the links to “previous post” and “next post”, could you help me?

    http://uchiokoshi.fr

    Thank you


    • Where do you want to add next/previous links?


    • On articles in the blog page, and pages on the site.


    • Hello,

      In what file and where in the file of your theme is “” and “, or equivalent please.

      All I need it to finish setting up my site …

      Thank you very much


    • To add previous/next post to your post pages, Go to Appearance> Editor and select “sngle.php” and “page.php” and add these lines:

           
        

      before this line:


    • Thanks you very much….

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>