Zenon LiteFree WordPress Theme
- 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 |
Leave a Reply to Agata Cancel reply
-
- Topic
- Voices
- Freshness
You must be logged in to create new topics.
How do I change the background color? I’d like to have it white instead of gray? Thanks. I had it this way in the older version but when I updated, it changed.
Go to Appearance> background to change the background color.
It does not allow me to do so. It says “You do not have sufficient permissions to access this page.”
make sure you have updated to the latest version of wordpress 3.4.1
Thank You!!!! =)
The slider on my homepage does not center. The picture is in the mimddle, however there is a white background to the left of it. How do I get rid of the white background to the right of the picture on the slider? Thank you in advance.
you will have to fill your slider with bigger images. the width of the slider image should be 1000px and height:360px.
Hello! Thanks so much for a great theme to use. I want to upgrade to Pro but I was first wondering if there is a way to change the pictures in a gallery, where once you click on one you can scroll through them without having to close each picture and reclick the following picture? I want it to flow as easily as possible for my clients to encourage them as they are browsing my work to continue. Also is there a way to increase the height of the slider on the front page.
The theme already comes with this feature. Can you post your gallery link here?
Thank you so much for your prompt reply. Here is one of four I have created so far.
http://www.kristieeilandphotography.com/b-i-l-l-a-r-t-s/
you will have to open up your fancybox.js file from the “js” folder of your theme and replace these lines:
//Implement Fancybox
jQuery(function() {
jQuery(‘.single_post a, .type-attachment a’).has(‘img’).addClass(‘hasimg’);
jQuery(‘.imgwrap a’).removeClass(‘hasimg’);
jQuery(“.hasimg[href$=’.jpg’], .hasimg[href$=’.png’], .hasimg[href$=’.gif’]”).fancybox({
‘transitionIn’ : ‘elastic’,
‘transitionOut’ : ‘elastic’,
‘speedIn’ : 400,
‘speedOut’ : 200,
‘overlayShow’ : true
});
});
with:
//Implement Fancybox
jQuery(function() {
jQuery(‘.single_post a, .type-attachment a’).has(‘img’).addClass(‘hasimg’);
jQuery(‘.imgwrap a’).removeClass(‘hasimg’);
jQuery(“.post_content .gallery .hasimg[href$=’.png’], .post_content .gallery .hasimg[href$=’.jpg’], .post_content .gallery .hasimg[href$=’.gif’]”).addClass(‘grouped_elements’);
jQuery(‘.post_content .gallery .hasimg’).attr(“rel”,”group1″);
jQuery(“.hasimg[href$=’.jpg’], .hasimg[href$=’.png’], .hasimg[href$=’.gif’], a.grouped_elements”).fancybox({
‘transitionIn’ : ‘elastic’,
‘transitionOut’ : ‘elastic’,
‘speedIn’ : 400,
‘speedOut’ : 200,
‘overlayShow’ : true
});
});
Thank you. I opened the Editor and found the code, but I do not see the fancybox.js file or the js folder you mentioned. Can you help?
To open this file you will need to use a FTP application like “Filezilla” and loign with your ftp id and pass and then navigate to “wp-content/themes/zenonlite/js/”
you can also do this with your web hosting control panel’s “File Manager”.
How do I center the images on a page? For Example: I have a destinations page and when I click to that link.. the images are lined up to the left center of the page. I would prefer to have them dead center of the page. Thank you in advance.
can you share that page link here?
Hai Towfiq I.,
Im a Zenon lite user. i got a little problem. im going to have a full width post NOT PAGE. but i cant. i tried to use Custom Post Template plugin, but it cant. i dont know much about editing both .php and .css. can You help me with this? thank You very much.
Go to Appearance> Editor and select “stylesheet” from right and add these lines to the very bottom:
/*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;}
how do I change the back ground I just upgrade and my background wallpaper has disappeared
Go to Appearance> Background and add your background image again.
background is no longer there in menu? What plugin do I use?
Upgrade to latest version of wordpress(3.4.1)
Towfiq,
How to resize tagline font in header?
And how to change color in black?
Go to Appearance>Editor and select “stylesheet” from right and add this line to the very bottom:
.desc{font-size:14px; color:#000;}
Thx Towfiq,
That works!!!
And I cant change background!!I try to update theme but there is some error : it is witten theme is up do date ( version 1.9)when I try to update.And there is no option Background.
you have to update your wordpress. not the theme.