Jump to content
Sign in to follow this  
jdbrasesco

iBlogPro5: Blog excerpts not displaying consistently

Recommended Posts

jdbrasesco

I'm using Framework 2.1.1 and iBlogPro5 5.1.1 http://brasesco.com/blog/ On my blog page the post excerpts are not displaying consistently. All posts should appear like the "Test Post": yHVZ9.png Some posts like the "OpenTable" post are displaying the [...] more information differently: LxZm4.png Some posts are missing both the [...] indicator and the CCS styling for the more button: ObDAV.png Does anyone know why the blog excerpts are displaying differently? How do I fix? Thanks. J.D.

Share this post


Link to post
Share on other sites
Rob
J.D. What's the excerpt length set to? Check at Dashboard > PageLines > Settings > Blog and Posts under Excerpt Length.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jdbrasesco
@rangelone It's currently set at 13 words. What I really want is to be able to select 3 lines of text instead of number of words, but that doesn't seem to be an option. Regardless, I'm unclear why the number of words selected in excerpt length would cause: ...(more) instead of [...] or why the CSS style for my continue reading button would disappear on some post excerpts and not others. Nevertheless, I just played around with the excerpt length and at 16 words the CSS breaks are resolved, but the [...] are still missing intermittently. At 18 words the [...] is resolved but the CSS breaks again on some bottons. At 20 they both seem to work, but I don't like how it looks. The darn Opentable excerpt says ...(more) no matter what I do.

Share this post


Link to post
Share on other sites
Danny
@brasesco I'll forwarded for developer attention, as it may be bug. However, before I can do that, would it be possible for you to provide the following information: ??? disable all active plug-ins and see if this resolves the problem? ??? Inform us if you have made any changes to the core code, use any custom code etc...? I need this information so I can re-create it accurately.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jdbrasesco
Thanks @Danny I deactivated all plugins and the problem remains. All of my custom CSS is in the Pagelines-Customize style-css plugin. I deactivated everything and still have the ...(more) anomaly on the OpenTable post excerpt. I had to reactivate the pagelines-customize plugin to check the button styling. It's still broken with all other plugins disabled. Here is what I have in pagelines-customize: [code]/* ============================== */ /* = Start Your Custom CSS Here = */ /* ============================== */ /* ==TEST AREA== */ a.post-thumb.img { background-image: url('http://brasesco.com/wp-content/themes/pagelines-iblogpro5/images/blank_frame_150x150.png'); background-repeat: no-repeat; } #site #dsq-content h3 { font-family:"Calibri"; font-size:125%; } #postnav, #pagination { color:#900000; padding: 1px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #E4E4E4 #CCCCCC #BBBBBB; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px #CCCCCC; background: -moz-linear-gradient(top, rgba(244,240,237,1) 0%, rgba(212,208,205,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,240,237,1)), color-stop(100%,rgba(212,208,205,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* IE10+ */ background: linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ed', endColorstr='#e6d4d0cd',GradientType=0 ); /* IE6-9 */ } #page .wp-pagenavi { margin-bottom: 3px; margin-top: 3px;} #page .wp-pagenavi span.pages { color: #000; } .pl-sharebar { color:#900000; font-size: 125%; padding: 5px 10px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #E4E4E4 #CCCCCC #BBBBBB; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px #CCCCCC; background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.7) 50%, rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(50%,rgba(255,255,255,0.7)), color-stop(100%,rgba(244,240,237,0.75))) repeat-x scroll left bottom transparent; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#bff4f0ed',GradientType=0 ); /* IE6-9 */ } .pl-sharebar-pad { padding-bottom: 2px; padding-top: 2px; } .pl-sharebar-text { text-transform: none !important; display: inline; font: 75%/190% "Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; letter-spacing: 0.1em; margin-right: 16px; text-transform: uppercase; vertical-align: top; } .current_posts_info { clear: both; text-align:center; color:#900000; font-size: 90%; padding: 5px 10px; margin-bottom: -6px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #E4E4E4 #CCCCCC #BBBBBB; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px #CCCCCC; background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.7) 50%, rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(50%,rgba(255,255,255,0.7)), color-stop(100%,rgba(244,240,237,0.75))) repeat-x scroll left bottom transparent; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#bff4f0ed',GradientType=0 ); /* IE6-9 */ } .home div.grid-element.pp2.img_grid, #fbox_204.fbox, #fbox_247.fbox { margin-bottom: 18px !important; } a, ol, ul, li { color:#900000; font-size: 103%; text-decoration: none;} h2, h2.entry-title {color:#900000; text-decoration: none; !important} .entry-title a, .post-nav a, .fcolumns a, .fboxtitle h3 a, .fpost .post-title h2 a:hover { color: #900000; text-decoration: none; !important } .fboxes a:hover { text-decoration: none; } .widget ul li a:hover { text-decoration: none; } /* ==END TEST AREA== */ [/code]

Share this post


Link to post
Share on other sites
jdbrasesco
[code] /* ==REMOVE PAGELINES CRED== */ div#cred {display: none;} /* ==CHANGE H1 FONT SIZE== */ h1 { font-size: 250%; !important} /* ==CHANGE BACKGROUND IMAGE== */ body { background-image: url('http://brasesco.com/wp-content/uploads/2011/12/bg-white.jpg'); background-attachment: fixed; background-color:#f4f0ed; } /* ==CHANGE NAVIGATION BAR== */ .main_nav_container, .brandnav-nav { border: 1px solid #d4d0cd; background: -moz-linear-gradient(top, rgba(244,240,237,1) 0%, rgba(212,208,205,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,240,237,1)), color-stop(100%,rgba(212,208,205,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* IE10+ */ background: linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ed', endColorstr='#e6d4d0cd',GradientType=0 ); /* IE6-9 */ } .main_nav li a:hover{ background: #DAD7D4 url(images/sprite-nav-bg.png) repeat-x 0 -35px; -moz-box-shadow: inset 0 0 2px #666; -webkit-box-shadow: inset 0 0 2px #666; box-shadow: inset 0 0 2px #666; } .main_nav li a:active, .main_nav li.current-menu-item a{ background: #747371 url(images/sprite-nav-bg.png) repeat-x 0 -70px; -moz-box-shadow: inset 0 0 2px #000; -webkit-box-shadow: inset 0 0 2px #000; box-shadow: inset 0 0 2px #000; } .main_nav li.current-menu-item a{ -moz-box-shadow: inset 0 0 8px #000; -webkit-box-shadow: inset 0 0 8px #000; box-shadow: inset 0 0 2px #000; } .main_nav li ul li{ background: -moz-linear-gradient(top, rgba(244,240,237,1) 0%, rgba(212,208,205,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,240,237,1)), color-stop(100%,rgba(212,208,205,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* IE10+ */ background: linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ed', endColorstr='#e6d4d0cd',GradientType=0 ); /* IE6-9 */ border-bottom: 1px solid #d4d0cd; } .main_nav li a { color: #999491; border-color: #d4d0cd; border-width: medium 1px medium medium; box-shadow: 0 0 .3px #b6b2ae inset; text-shadow: none; } #page .navigation_wrap .searchform .searchfield{ background: #FFF; color:#000; -moz-box-shadow: inset 0 0 3px #000; -webkit-box-shadow: inset 0 0 5px #000; box-shadow: inset 0 .3px 4px #444; text-shadow: #FFF 0 -1px 0; border-bottom: none; } .simplenav a { color: #999491; } /* ==CHANGE FEATURE SLIDER FOOTER COLOR== */ #feature_slider { background: url("http://www.brasesco.com/wp-content/themes/pagelines-iblogpro5/images/5x5x50w.png") repeat scroll left bottom transparent; } /* ==CHANGE METABAR BG COLOR== */ .metabar em { background: none repeat scroll 0 0 #F4F0ED; border-radius: 4px 4px 4px 4px; border: 1px solid #F0ECE8; padding: 5px 8px; } [/code]

Share this post


Link to post
Share on other sites
jdbrasesco
[code] /* ==CHANGE BOX BG COLOR== */ .hentry-pad, .scolumn .widget-pad, #page #boxes .box-media-pad, .post-footer-pad, .wp-comments-pad, .morefoot-col-pad { background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.7) 50%, rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(50%,rgba(255,255,255,0.7)), color-stop(100%,rgba(244,240,237,0.75))) repeat-x scroll left bottom transparent; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.7) 50%,rgba(244,240,237,0.75) 100%) repeat-x scroll left bottom transparent; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#bff4f0ed',GradientType=0 ); /* IE6-9 */ } /* ==REDUCE HIGHLIGHT PADDING ON HOME PAGE== */ #highlight .content-pad .highlight-area {padding: 1px 15px 1px;} /* ==ENLARGE AND CENTER H3 TEXT ON HOME PAGE== */ .fboxtitle h3 { font-size: 2.5em; padding: 0 0 0.4em; text-align: center; } /* ==REDUCE PADDING ON VIDEO BOXES ON HOME PAGE== */ #boxes #fbox_645.fbox .box-media-pad {padding: 5px 5px 0px 5px !important;} #boxes #fbox_645.fbox .fboxgraphic {margin-bottom: 0px;} #boxes #fbox_650.fbox .box-media-pad {padding: 5px 5px 0px 5px !important;} #boxes #fbox_650.fbox .fboxgraphic {margin-bottom: 0px;} #boxes #fbox_653.fbox .box-media-pad {padding: 5px 5px 0px 5px !important;} #boxes #fbox_653.fbox .fboxgraphic {margin-bottom: 0px;} #boxes #fbox_682.fbox .box-media-pad {padding: 5px 5px 0px 5px !important;} #boxes #fbox_682.fbox .fboxgraphic {margin-bottom: 0px;} /* ==REDUCE HIGHLIGHT PADDING ON SIDEBAR== */ #highlight .copy-pad .highlight-area { margin-top: -20px; margin-bottom: -40px;} #sb_primary .copy-pad .widget-pad {padding: 5px 5px 0px; !important} /* ==ENLARGE AND CENTER H3 TEXT ON FAMILY PAGE== */ .page-id-186 .fboxtitle h3 { font-size: 2.2em !important; padding: 0 0 0.4em; text-align: center; } /* ==REDUCE BOTTOM PADDING IN BOXES ON FAMILY PAGE== */ .page-id-186 .box-media-pad { padding-bottom: 5px !important;} /* ==REDUCE HIGHLIGHT PADDING ON FAMILY PAGE== */ .page-id-186 #highlight .content-pad .highlight-area { padding-top: 5px; padding-bottom: 0px;} /* ==READ FULL ARTICLE BUTTON== */ .continue_reading_link { padding: 3px 7px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow: 1px 1px 2px #817f7d; border: 1px solid #d4d0cd; background: -moz-linear-gradient(top, rgba(244,240,237,1) 0%, rgba(212,208,205,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,240,237,1)), color-stop(100%,rgba(212,208,205,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* IE10+ */ background: linear-gradient(top, rgba(244,240,237,1) 0%,rgba(212,208,205,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f0ed', endColorstr='#e6d4d0cd',GradientType=0 ); /* IE6-9 */ } /* Change the color when hovering over Read more */ .continue_reading_link:hover { background-color: #900000;color: #000;text-decoration:none !important; } /* ==CHANGE BACKGROUND COLOR OF CAROUSEL== */ #carousel .thecarousel { background: none !important; border-radius: 15px 15px 15px 15px; box-shadow: 0 1px 7px #555555 inset; } /* ==REDUCE PADDING ON VIDEO BOXES ON FILMS PAGE== */ .page-id-844 .box-media-pad {padding: 5px 5px 0px 5px !important;} .page-id-844 .fboxgraphic {margin-bottom: 0px;} /* ==REDUCE HIGHLIGHT PADDING ON FILM PAGE== */ .page-id-844 #highlight .content-pad .highlight-area {padding: 1px 15px 1px;} [/code]

Share this post


Link to post
Share on other sites
Jenny
Add a "." to the Blog and Posts tags in excerpt setting.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
jdbrasesco
So thanks @simple_mama and @rangelone . Between your two suggestions I basically have the look I want now. I was able to increase the excerpt length to 35 by using the "." tag only. All my CSS buttons are working and my text is down to three lines as I wanted. @Danny thanks for sharing with the developers. The OpenTable excerpt is still wrong and seems to point to something buggy. FYI...This post was imported from another blog I'm working on that is running iBlogPro4.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×