Excerpt word limiter
-
Im using “Content and excerpt word limit” to limit the characters of my excerpts. I dont know where to put the coding i also what the read more button. Could someone please do it for me? The instructions are;
Instead of the_excerpt() or the_content(), use <? php excerpt(‘word-limit’); ?> or <? php content(‘word-limit’); ?> within your loop to limit the words for each.
Example: <? php excerpt(’25’); ?>.
Add the following to your style.css file to style the read more link.
p.readmore { text-align: right; } p.readmore a { color: #ff0000; font-size: 11px; }Here is my index.php:
<?php get_header( ); ?> <div id="container" class=""> <div id="content" class="two-thirds column"> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <span <?php body_class('cat-links'); ?>><?php printf(__('%s', 'codium_extend'), get_the_category_list(' ')) ?></span> <!-- Begin post --> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <h2 class="entry-title"><a href="<?php the_permalink() ?>" title="<?php printf(__('Link to %s', 'codium_extend'), esc_html(get_the_title(), 1)) ?>" rel="bookmark"><?php the_title() ?></a></h2> <div class="entry-date"><?php unset($previousday); printf(__('%1$s – %2$s', 'codium_extend'), the_date('', '', '', false), get_the_time()) ?></div> <div class="entry-content"> <?php the_content(''.__('read more <span class="meta-nav">»</span>', 'codium_extend').''); ?> <? php excerpt('word-limit'); ?> </div> <div class="clear"></div> <div class="entry-meta"> <?php the_tags(__('<span class="tag-links">Tags ', 'codium_extend'), ", ", "</span>\n\t\t\t\t\t<span class=\"meta-sep\">|</span>\n") ?> <?php edit_post_link(__('Edit', 'codium_extend'), "\t\t\t\t\t<span class=\"edit-link\">", "</span>\n\t\t\t\t\t<span class=\"meta-sep\">|</span>\n"); ?> <a href="<?php the_permalink() ?>" title="Permalink to <?php the_title() ?>" rel="bookmark"><?php printf(__('Permalink', 'codium_extend')) ?></a> <span class="meta-sep">|</span> <span class="comments-link"><?php comments_popup_link(__('Comment (0)', 'codium_extend'), __('Comment (1)', 'codium_extend'), __('Comments (%)', 'codium_extend')) ?></span> </div> </div> <!-- End post --> <div class="linebreak clear"></div> <?php endwhile; endif ?> <div class="center"> <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } else {?> <div class="navigation mobileoff"><p><?php posts_nav_link(); ?></p></div> <?php } ?> <div class="navigation_mobile"><p><?php posts_nav_link(); ?></p></div> </div> </div><!-- #content --> </div><!-- #container --> <?php get_sidebar() ?> <?php get_footer() ?>
Heres my style.php:
/* Theme Name: Codium Extend Description: Codium Extend is a very simple wordpress theme with all the new features in WordPress 3.4: personalized menus, choosing a color for the background, ready for translation, custom header image ... This theme is ideal for anyone seeking simplicity with the full articles on the homepage! Bonus : this theme is optimized for handheld and mobile devices (iphone, ipad, and smartphone) with a responsive design. Un thème disponible en fran?ais aussi! Author: Henri Labarre Theme URI: https://codiumextend.code-2-reduction.fr/ Author URI: https://www.vingthuitzerotrois.fr/ Version: 1.1.6 Tags: custom-colors, two-columns, fixed-width, custom-background, custom-header, threaded-comments, sticky-post, light, white, custom-background, translation-ready,custom-menu License: GNU General Public License v2.0 License URI: https://www.gnu.org/licenses/gpl-2.0.html */ *{margin:0; padding:0} body{font:62.5% Helvetica,Verdana,Arial,Sans-Serif; color:#444; background-color:#fffff;background-repeat:repeat-x;background-attachment:fixed;}blockquote{border-left:0.4em solid #eee; margin:0 0 0 1.5em; padding:0 0 0 1em} abbr,acronym {border-bottom: 1px dotted #666;cursor: help;} pre{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em} address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline} /* Links */ a img, :link img, :visited img{border:0; outline:none; text-decoration:none} a{color:#444; text-decoration:none; outline:none} a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0} /* Heading */ h1, h2, h3, h4{font-family:Helvetica,Verdana,Arial,Sans-Serif;} h1{font-family:Helvetica,Verdana,Arial,Sans-Serif;font-size:4.5em;} h1.blogtitle{font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:4em;margin: 0 0 0 0px;} h1 a{color:#444;} h1 a:hover{color:#444;background:transparent;} h1 a:link{color:#444} h1 a:visited{color:#444} h2 a,h3 a, h4 a{color:#000000; font-weight:normal} h2.entry-title{color:#444; font-weight:bold;;margin:0 0 0 0;font-size:28px;} h2.single-entry-title{color:#444; font-weight:bold;;margin:0 0 0.5em 0;font-size:28px;} h2.page-title{font-weight:bold !important; text-align:center; margin:0 0 0.5em 0;font-size:28px;} h3.widgettitle{color:#444; font-size:1.5em !important;} .description{color:#444;font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:1.3em;margin:0.5em 0 0 0px;} /* header */ div#header{margin:7px 0 0 0; padding:1em 1em 1em 0em; height:8em; background:transparent} div#headertop{margin:0 0 0 0; background-color:transparent} #logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;} * html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;} #logo a{background-color:transparent} /* Navigation */ #access{background:#fffff;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #access .menu-header,div.menu{font-size:1.3em;margin-left:10px;} #access .menu-header ul,div.menu ul{list-style:none;margin:0;} #access .menu-header li,div.menu li{float:left;position:relative;} #access a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:180px;z-index:99999;} #access ul ul li{min-width:180px;} #access ul ul ul{left:100%;top:0;} #access ul ul a{background:#ffffff;line-height:1em;width:160px;height:auto;padding:10px;} #access li:hover > a,#access ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #access ul li:hover > ul{display:block;} #access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;} /* Layout */ #wrapperpub{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left;} #wrapper{margin: 0 auto;background-color:#FFF; position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} #wrappertop{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left} #container{} #containerlarge{margin:0.8em 0 2em 2em; display:inline; clear:both;background-color:#fff;} * html #containerlarge{margin:2em 0 2em 2em; background-color:#fff;} #content{background-color:#FFF; padding: 10px 0 0 0px;overflow:hidden;} #content h1{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h2{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h3{font-size:1.8em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h4{font-size:1.5em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h5{font-size:1.3em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h6{font-size:1.1em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 11px;} #footer{color:#bbb;margin:auto; padding:3em 0 0.5em 2em; clear:both; text-align:left; font-size:1.1em; line-height:1.5em;} #footer a,#footerlink a{color:#bbb; text-decoration:none; outline:none;} #footer a:hover,#footerlink a:hover{background:#f3f3f3; color:#444; text-decoration:none; outline:0} #footer p,#footerlink p{color:#bbb;} #footerlink{color:#bbb;margin:0 0.5em 2em 0.5em; padding:1em 0 1em 0; clear:both; text-align:left; font-size:1.1em; line-height:1em;} /* sidebar */ div.sidebar{overflow:hidden; background-color:#fff} .sidebar h3{font-size:1.5em; font-weight:normal; letter-spacing:-0.03em} .sidebar li{margin:0; padding:0;} .sidebar ul li ul li{padding:0.5em 0 0} .sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0} .sidebar ul{list-style:none; margin:0; padding:0} div#primary{} * html #primary{} div#secondary{clear:right} * html #secondary{margin:1em 1em 0 1em} /* Misc */ .clear{clear:both} /* Post area */ .hentry{font-weight:normal; margin-bottom:2em} .entry-content{font:1.3em/1.8em Helvetica,Arial,sans-serif; text-align:justify; color:#444; margin:auto} .entry-content p{margin:0 0 0.5em 0} * html .entry-content p{margin:0em 0} .entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ol li{margin:0 0 0.2em} .entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ul li{margin:0 0 0.2em} .entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;} .entry-content a{color:#444;background:#f3f3f3;} .entry-content a:visited{color:#0299FF;} .entry-content a:hover{color:#0299FF;} .entry-content h2{font-size:1.8em !important} .entry-content h3{font-size:1.5em !important} .entry-content h4{font-size:1.3em !important} .entry-content h5{font-size:1em !important} .entry-content h6{font-size:0.9em !important} .alignleft{float:left} .alignright{float:right} .center{text-align:center;margin:0 0 1.5em 0} .entry-meta{color:#bbb; padding:0em; font-size:1.1em; line-height:1.5em} .entry-meta .tag-links a{color:#444; background:#f3f3f3} .entry-meta .tag-links a:hover{color:#f3f3f3; background:#444} .sticky{background-color:transparent} .page-link{clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em} .page-link a:link, .page-link a:visited{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5); font-weight:normal; padding:0.5em 0.75em; text-decoration:none;color:#444} .page-link a{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);color:#444} .page-link a:active, .page-link a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0} /* Page navigation */ .navigation{margin:0 0 2em; height:1em; width:auto} .navigation a{color:#fffff} .navigation a:hover{text-decoration:none} .nav-next{float:right} .nav-previous{float:left} .navigation_mobile{display:none} /* Comment */ #comments .comment-body{padding:1em 0; font-size:1.2em} #comments .comment-body ul, #comments .comment-body li, #comments .comment-body ol{margin:0 1em} #comments .comment-body p:last-child{margin-bottom:6px} #comments .comment-body blockquote p:last-child{margin-bottom:24px} #comments li{margin:1em 0; padding:1em 1em; background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);} #comments li.alt{margin:1em 0; padding:1em 1em;background-color:#F8F8F5;background-color: rgba(248, 248, 245, 0.9);} #comments{list-style-type:none; margin:0; padding:0} #comments .byuser{} #comments .byuser.alt{} #comments .bypostauthor{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); !important;} #comments .bypostauthor.alt{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); !important;} #comments .comment p{} #comments .comment-author{margin: 0 0 0 3px;font-size:1.5em; font-weight:bold; letter-spacing:-0.1em} #comments .comment-meta a{color:#777} #comments .comment-meta{margin:0.3em 0; color:#777} #comments .comment-author-admin{background-color: #FFF; background-repeat: no-repeat; background-position:right top;} #comments ul.children{list-style:none;margin:0 0 0 2em} #comments .count {float:right;padding: 10px;font-size:20px;color:#606566;} #comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px} .commentlist li.comment+li.pingback{margin-top:-6px} #comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0} #comments .pingback .url{font-size:13px; font-style:italic} #comments .nocomments {color: #bbb;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;} /* Comment form */ div.formcontainer{width:100%} #commentform .comment-form-author, .comment-form-email, .comment-form-url{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; width:40%; clear:both} #commentform .comment-form-comment{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; clear:both} #commentform .comment-form-comment label{background:#fff;-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);box-shadow:1px 2px 2px rgba(204,204,204,0.8);color:#555;display:inline-block;font-size:13px;left:4px;min-width:60px;padding:4px 10px;} #commentform #comment-notes{margin:1em 0 0 0; color:#bbb} #commentform #submit{width:auto;margin:0.5em 0; float:right} #commentform label{margin:1em 0;padding:1em 1em; color:#777; font:1.1em Helvetica,Arial,sans-serif;} #commentform textarea#comment{padding:0.3em 0 0.3em 0.3em; font:1.1em Helvetica,Arial,sans-serif; color:#777; width:99%; height:15em} #commentform .form-allowed-tags {line-height: 1em;} #commentform .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;} #commentform .form-allowed-tags code {font-size: 11px;} #commentform .required {color: #ff4b33;font-weight: bold;} #commentform .comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0} #commentform .page-numbers.current{text-decoration: underline;} /* Comment navigation */ .comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0;clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;} .comments-navigation a{background:#f3f3f3; padding: 5px 7px;color:#0299FF; text-decoration:none; outline:0} .comments-navigation a:active{color:#0299FF; text-decoration:none; outline:0} .comments-navigation a:hover{background:#444; color:#FFF; text-decoration:none; outline:0} /* Error page */ .four04 #content p{font-size:1.2em} .four04 .sidebar{clear:right; display:block} .four04 #content{width:590px; text-align:left} /*widget*/ .widget {} .widgetblock{font-size:1.2em;background: transparent;margin:0 0 0.5em 0;padding:0.5em 0 0 0;} .widgettitleb{margin: 0 0 0.5em 0; padding:0.5em 0 0.5em 0;color:#444;border-bottom:2px solid #f1f2f4;} .screen-reader-text{display:none} /* date */ .entry-date{color:#bbb;margin:-1em 0 0.5em 0} /*Gallery Shorcode*/ .gallery{margin:0 auto;padding:10px 0} .attachment-medium{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} .gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px} .gallery br+br{display:none} .attachment-thumbnail{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} /*line break style*/ .linebreak {padding :1em 0 0.5em 0; border-top:2px solid #f1f2f4;} .linebreaktop {float: right; font-size:0.8em; } /*Gravatar*/ img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;} /*Caption and images*/ #content .wp-caption{background:#edebe0;line-height:18px;margin-left:auto !important;margin-right:auto !important;margin-bottom:20px;text-align:center;padding:0px;max-width: 100%;} #content .wp-caption img{margin:10px 10px;max-width: 90%;height: auto;} #content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;} #content .attachment img{max-width: 100%;height: auto; } #content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;} #content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;} #content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;} #content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; } #content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; } iframe, object, embed{max-width: 100%;} /*form box*/ #formbox label{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;} #formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;} #formbox .avatar{margin-top:16px;float:left;border:0;} #formbox .avatar img{border:1px solid #ccc;padding:0;} #formbox .inputarea{padding-left:66px;height:100%;font-size:12px;} #formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;} #wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;line-height:16px;padding:5px 7px;} #sidebar form input[type="text"]{background:#fff;} #formbox input#tags#display-name#m-address#home-page{width:75%;float:left;} #formbox input#submit{margin-left:6px;float:right;padding:0 20px;} #formbox .postrow{height:28px;} #wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;line-height:27px;height:28px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:700;color:#333;padding:0 10px;} #wrapper button{margin:10px 10px 0 0;} #wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;} /*searchbox*/ #search fieldset {border: none;position: relative;} #search input[type="text"]{border:1px solid #CCCCCC;color:#516064;font-family: Helvetica,arial,sans-serif;font-size:14px;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;} #search label{font-family: Helvetica,arial,sans-serif;font-size: 15px;font-weight: bold;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;} #search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;} #search input.button:hover{background-position:0 0px;} #search input.button {background-position:0 -27px;} input#searchsubmitbutton{right:10px;width:100px;} /*category color*/ span.cat-links a {color: #FFF;text-transform: uppercase;line-height:3em;background:#444;padding: 4px 6px 4px 6px;-moz-border-radius:3px;border-radius:3px;} /*Image sur homepage*/ .imgshadow img{-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} /*Table*/ table {border-collapse:collapse;margin:0 0 0.5em 0} th {font-size:1.2em;padding:4px 6px;border-width:1px;border-style:solid} td {padding:4px;border-width:1px;border-style:solid} /*definition*/ dl{margin:0 0 24px 0} dt{font-weight:bold} dd{margin-bottom:18px} .mobileon{display:none} /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .container .one.column { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 348px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } .container iframe, object, embed{width: 100%;} } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .columns, .column { margin: 10px; } .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 280px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } .container iframe, object, embed{width: 100%;} #access,.wp-pagenavi,.mobileoff{display:none} #accessmobile{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;} .mobileon{width:auto;} .navigation_mobile{display:inline} } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .columns, .column { margin: 10px; } .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 400px; } .container iframe, object, embed{width: 100%;} #access,.wp-pagenavi,.mobileoff{display:none} #accessmobile{background:#fffff;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#fffff;line-height:1em;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;} .mobileon{width:auto;} .navigation_mobile{display:inline} } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a <br class="clear" /> to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘Excerpt word limiter’ is closed to new replies.