Welcome! To use this support forum, please Login or Join Today!

   

Footer not going full width on default template?

{name}
RankRank

Total Posts: 45

Joined 2013-06-24

PM

 

Greetings all!

Here is the sample page in question:

http://asiafinance.co.nz/about-us/

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!

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

It looks like there are some invalid HTML elements on the page within your markup. I’d make sure those issues are addressed first.

http://validator.w3.org/check?uri=http://asiafinance.co.nz/about-us/

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?

{name}
RankRank

Total Posts: 45

Joined 2011-09-28

PM

 

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”
    div id=“footer”

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.

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

@mobuzzly I wasn’t able to reproduce this on my end. http://cl.ly/image/3P471s1r1B37
Is it possible one of your excerpts or content before the <!—more—> tag has an open <div> before the cutoff point?

In the site above, I believe the problem is coming from here:
http://cl.ly/image/2U1y1u2X3N0B

{name}
RankRank

Total Posts: 45

Joined 2011-09-28

PM

 

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.


Update:

The old
// remove the more-link
in /synapse/lib/shortcodes.php

pattern '/(<a.*?class="more-link"[^>]*>)(.*?)(<\/a>)/'


The new
// remove the more-link
in /plugins/smpl-shortcodes/includes/shortcodes.php

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.

The old:

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>'

 

 

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

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.

{name}
RankRank

Total Posts: 45

Joined 2011-09-28

PM

 

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!