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- the settings show the slider can rotate through images but it seems that each new slider can only have one featured image.

    how do i configure a slider with 4 images to transition. I have set up the settings under the slider options but dont know how to insert more than one image in a new slider.

    thanks


    • each slide can only have one featured image. create 4 new slides for 4 images.


    • right- i got that part.

      how do i set them to rotate as shown in the preview?

      thanks a lot!


  • hello, I have managed to increase another to slider of: 3 to 6, nevertheless I need to fill information in text, textarea. So far it is only possible to see within slider the image. I need to create fields in the base of data and as increase in the panel of options of the subject zenon?


    • Sorry, I dont understand. can you simplify?


  • thank you for the beautiful theme, I want to ask some questions.

    1- at free theme , can I use extra fonts ? I have small problems with some turkish letters like ş,ğ,ı,İ..

    2- when I disable posts at the main screen, I use it as a static welcome page. but when I add a “blog” page and assign it as posts page, I see the same static page everytime I click on it. although the url changes from domain.com to domain.com/blog. I hope I could tell well enough. how can I manage that? I want my posts under another menu item, possible ?

    thank you in advance.


    • 1. Yes you can. although you will have to edit and upload files via ftp.

      2. The blog page is currently set to front page, thats why the blog page and the homepage is the same. what you can do remove the blog page from homepage and create a new category “blog” and mark the posts that you want to show in the blog page with that category and then assign the “blog” category menu item to your menu. now when you click the blog page, you will get all the blogs posts under the blog page.


  • Thank you , I could do the 2nd one, worked great.. will try the fonts later..
    one more and last question for now is that why cant I embed codes (like youtube videos) into the front 4 blocks. I see empty rows after I try. a solution for that ?

    sorry for bothering and thank you for your help.


    • Eren you will have to modify the template files and put the youtube embed code:

      you will have to edit the index.php file. Go to Appearance> Editor and select “index.php” from right and find these lines:

      replace your texts and code by replacing this code(for the 1st block):

      replace your texts and code by replacing this code(for the 2nd block):

      replace your texts and code by replacing this code(for the 3rd block):


  • Hi, Towfiq. Many thanks for your response, and for such an excellent theme.

    Rather than featuring categories in a menu system, however, what I want to do is create a new page called ‘Blog’ which can display all my posts as the frontpage would if I ticked ‘Enable the posts under the blocks on homepage’ in Appearance > Zenon Theme Options > Basic.

    I’ve played around within the Editor in an attempt to compile the necessary elements into a single page template, but this approach doesn’t seem to working. Is there a means of achieving this which I am missing?

    Apologies for the questions!


    • Apologies again – I was just being slow! Your solution was far more elegant – and much easier than mine. Many thanks, Towfiq, very much obliged!


  • hello.
    we are so struggling about how to plug in the twitter or blog part that is automatically updating on the website (design template) with no break any of the design.
    We are trying to use WordPress, but any other way to do so?

    Anyone can help us, it would be great!
    Thank you!


  • How can I change the images in the slideshow on the homepage??


    • Go to Appearance> Zenon Options >Documentation. Everything is described there.


  • Hi, Is it possible to remove the header name and use a logo instead?


    • Dunni, its Only possible in the PRO version.


  • Towfiq,

    After I got the slider to work and my page start building I am wondering about the possibility for reader to automaticallyfollow the blog as for themes which are hosted by WP. Downloaded Jetpack. Get a Follow option, but it shows twice in the comment box. You can see the effect on my blog (see left website address).

    Could you please also check whether NextGen Gallery works (Cant get slideshow mode to work).

    And a third question: How could I make my Header aligned left rather than centered?

    Thx


    • 1. They are two different options. The first one is for comment subscription and the 2nd one is blog post subscription.
      2. I have no idea how to make the nextgen slideshow to work.

      3. To make the header align left Go to Appearance> Editor and select “Stylesheet” from right and add this line to the very bottom:

      .logo h1{text-align:left!important;}
      #subscribe-label, #subscribe-blog-label{border: none!important;width: 420px!important;}


  • How does one change the font size for the menu, the title and even the tagline/description under the title of the blog?

    Thanks.

Leave a Reply to smoky quartz rings 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>