Footer not going full width on default template?
Here is the sample page in question:
You will note that the footer only goes as wide as the main content. I wish the footer to be after the main content so that it goes full-width of the page.
While I have learned lots, this modification illudes my grasp of understanding.
Thanks in advance!
It looks like there are some invalid HTML elements on the page within your markup. I’d make sure those issues are addressed first.
It also looks like the theme has been customized to add the navigation above the header. If there are any customizations, can you post them as well?
I have the same problem. It seemed to start after updating the Synapse theme. I narrowed the problem down, and it seems to be caused by the “length” attribute in the “latest” short code.
When I include a shortcode such as this:
[latest excerpt=“true” thumbs=“true” width=“75” height=“75” num=“3” order=“DSC” cat=“124” date=“none” length=“27”]
Then it nests the footer like this:
div class=“container main”
And the footer is only as wide as the container. In my case, it’s 960px.
When I view source, I can see a div tag that’s not closed.
When I remove length=“27” then the footer spans 100%.
I used the “length” attribute because I don’t want the “Continue reading” button to show up.
Either way, it seems like a bug. Changing the excerpt length shouldn’t break the code.
I’ve had problems with the related posts [latest ] shortcode since the function changed from st_related_posts to the_excerpt_rereloaded and I installed the smpl-shortcodes plugin. The default “Continue reading” button now shows up after the excerpt, and the only way I’ve found to remove it is to change the the length attribute to length=“27”. But then that messes up the footer width. It’s very strange.
// remove the more-link
pattern = '/(<a.*?class="more-link"[^>]*>)(.*?)(<\/a>)/';
// remove the more-link
pattern = '/(<a.*?class="button more-link"[^>]*>)(.*?)(<\/a>)/';
When I remove the button class, then the “Continue reading” button disappears. But it still shows the ellipsis ... which is annoying.
result.= '<div class="latest-excerpt">'.st_limit_words($content,$length).'</div>';
The new smpl plugin:
result.= '<div class="latest-excerpt">'.smpl_limit_words($content,$length,'...').'</div>';
Thanks for digging in to this. It’s certainly challenging to universalize new functionality with legacy code. But that’s what updates are for. I’ll be pushing up an update for the plugin and theme here shortly.
This will fix the double ellipsis and more-link regex issues.
Thanks for your reply. I was thrown off a bit when the shortcode plugin became required.
BTW, I updated the plugin and theme, and the recent posts with excerpts work. Thanks!