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


  • Hello,

    I love this theme, the way I can modify the design and how it looks like!
    I just have 1 problem: On the home page, I have the latest blog posts, with the possibility to search for older ones. But it only works to slide 7 pages of blog posts – the others cannot be available for users.
    Is there a way to solve this?
    Have a look here: http://neurorelay.com/
    Regards,
    Monica


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


    • Thank you so much! It works fine now!


  • Hi. I have a problem with this theme, but I really want to use it. Ever since I changed the blog name, the menu would always appear at the top even if I’m already at the bottom of the page. Can you please help me? Thank you.


    • Go to Appearance> Zenon Options and disable “sticky menu” option.


  • Hi , apologies for the extremely stupid question I am about to ask but I am a complete novice who is picking her way though setting up a site using your theme.

    I cant work out how I go about changing the pictures in the slide show and updating the text that shows over it.

    Can some one tell me what I should be doing , thanks


    • Go to Appearance>Zenon Options>Documentation to learn how to setup the slider.


  • Hi. When inserting images using the Gallery Settings option (so you have thumbnails in a row), is there anyway to change the dimensions of the thumbnail box? (currently its 150 x 150). I have lots of portrait pictures, so would like to have the thumbnail boxes in portrait shape. Thanks.


    • while editing the gallery, change the image size to “medium” instead of thumbnails.


  • Hi Towfiq,

    Love the theme. Manage to sort the blurry image issue. However, I do have another question. is it possible to hide/remove the numbers underneath the slider?

    Also, is it possible to increase the size of the title font?

    Thanks in advance.


    • 1. Add this to your stylesheet:

      ol#controls{display:none;}

      2. What title are you talking about? the site title?


  • Cheers Towfiqi,

    Where does this code need to be added in the style sheet?

    The site title where is says right at the top BEXSONN…

    Also noticed one other thing recently – I’ve started using Disqus and I’m not sure whether you’ve tested it but when you rollover the article where is says comment in the top left hand corner once the Disqus plugin was installed instead of it being at an angle it is now completely vertical – any ideas?


    • you can put it anywhere, but to keep it organized (good practice) it is best to try to find the #controls rules in the stylesheet and put it in with them.


    • To change the font size on the title, you have to go into “your website URL”/wp-content/themes/zenon-lite/fonts/lobster.css?ver=3.5.1. lobster.css?ver=3.5.1 might be different depending on what font family you chose when setting up the theme options, and the version obviously might be different. You have to manually open it in an html editor, I cant find where that file is in the editor in the back end. The selector you are looking for is “.logo h1 a”. Just change the font size accordingly.


    • Add these to the very bottom of your stylesheet:

      body.logo h1 a{font-0size:30px!important;}
      .lay1 .block_comm span, .lay2 .block_comm span, .lay3 .block_comm span{padding-top:0px!important;}


  • I have a couple issues with this latest version.

    #1 – When I publish the page, it just sits on a blank screen and I have to hit back to get to back end again.

    #2 – When I attempt to pull images out of my media library, there is never anything there to choose from, so I have to upload it. If I am using the same image more than once it has to be uploaded every time I want to use it, leaving multiple duplicates in my library.

    #3 – I can not post an image in a post area, it always defaults to being the featured image for the comments for that post.

    Can you please help me with these…?


    • I figured out the imagery in the post issue. I just have to insert it in an image tag to a specified file on the server. The other 2 are still giving me problems. 🙁


    • these issues are very odd. did you try disabling all the plugins? and also switch to the default theme and see if its causing by zenon lite theme or not.


    • it was the KOFT Post Hits Counter plugin that caused both of those problems.


  • Thanks for that Towfiqi,

    Not sure what the last bit of code was supposed to do? I’ve inserted it into the stylesheet and nothing has changed….

    Did you manage to look at the Disqus problem?


    • load your site and press ctrl+f5 couple of times to see the change. add this to your stylesheet too:

      .lay1 .block_comm span, .lay2 .block_comm span, .lay3 .block_comm spann{-webkit-transform: rotate(-25deg);-moz-transform: rotate(-25deg);-ms-transform: rotate(-25deg);-o-transform: rotate(-25deg);}


  • Thanks Towfiqi


  • Hello.
    I have a problem with the browser “Safari”, the problem is that the “SLIDE” does not move, it stays in the first image. With the other browsers I have no problem.
    thanks


    • Try disabling your plugins one-by-one. My hit counter made some pretty weird things happen with my site. I am running the same theme and mine works fine in Safari.


    • It’s weird because I’ve installed a few plug, one of them if it was “google analytics”. I tried as you tell me (uninstalling all plugins) and the same thing keeps happening. Comparing the template code with mine if I changed something and stopped working, although other browsers work perfectly.
      Thanks anyway for the help


    • whats your site address?

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