Topic-icon Send Button - Returning " the page could not be reached"

Active Subscriptions:

None
Hi there, I'm having a issue with the send button returning "the page could not be reached" when I try and send(share) a link.

I have 3 Categories on the website: events,news and sermons. The send buttons works for events and news both in blog view and article view but for some reason does not work for any of the sermons ! :/ Does not work on the frontpage, blog view and article view. The like button for the sermon category works though.

The website url is: fountainvineyard.co.za
will pm you you admin details @ Alex . You were most helpful before.
I understand my subscription has expired but the matter is rather urgent, let me know if I have to repurchase the extension to get support.

Then with regards to the the span buttons is it possible to push the popout box to the left. I believe the class of the html element is:
span.fb_edge_comment_widget_fb_send_button_form_widget_light_fb_iframe_widget
but its within the facebook iframe so unchangeable. Is there a hack or something. Otherwise I may have to about the current styling of floating it to the right.
The topic has been locked.
Active Subscriptions:

None
Hi again, just wondering if my post gets ignored if I don't have a active subscription ?
Thanks
The topic has been locked.
Support Specialist
We don't ignore users without active subscriptions, just had a busy day yesterday. If non-active subscriber issues are easy to look into, we'll always try though after we've serviced all outstanding active user accounts.

In your case, I went to your Sermon page, saw a list of 4 recent ones and use the send button on "17 June 2012 - Ricky Venter - Against the Odds". I sent it to another Facebook account of ours and it went through fine.

Can you explain more about what isn't working? Does the popup not appear, does the message not get sent, any error messages, etc?

As for the popup, you can't alter it's location. That's fixed by Facebook and non-overrideable. However, to fix the cutoff issues on the right, simply edit:
templates/life_journey/css/template_default.css
And at line 70 in the #s5_columns_wrap block, change:
overflow:hidden;
to
overflow:visible;

Hope that helps, and we hope you'll choose to resubscribe in the future!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Thank-you for your reply. Re the popup box being hidden. I reached the same css ID but I'm happy with the resulted side effect.
See screenshot.
File Attachment:


The content area is now white.

I came up with the following trying to end up at the same look:
div#s5_bottom_row1{
background:transparent!important;
}

#s5_columns_wrap {
overflow: visible!important;
}
div#s5_bottom_row2{
background:transparent!important;
}

but then the bottom container for the 3 modules at the bottom is transparent as well.
Do your have any suggestions ?

Then thanks for the feedback on the send button. Tested it on my laptop and it sends alright from there, must be something unique to my workstation. Thanks for letting me know that its actually working.

Regards
Steev
The topic has been locked.
Support Specialist
Steev,
Woah, just got some time to investigate this more. Your template styles are definitely a bit.. odd. Your columns are set for 200% widths, but then some items in there are only for 50% widths as well as being shifted over by 200px and some other oddities. I'm not surprised that a few (what should be minor) changes cause bigger issues.

What it looks like you really need (and seems to work from a quick test) is to add a "clear" style between the 'upper' half and 'lower' half of your page. I'm not sure of your template structure, but what you need to find is the definition for the s5_center_area2 and s5_bottom_row2_area1 blocks. Usually, this is in the /templates/<YOUR_TEMPLATE>/index.php file, but it could be anywhere depending on how the template was designed.

Once you find those blocks, you just need to add <div style="clear:both"> </div> in between them. The result should look like:
<div id="s5_center_area1">
   <div id="s5_center_area2">
         ... stuff here from your template to include the component/modules...
   </div>
   <div style="clear:both"> </div> <---- Add this and make sure there is a space in between the div tags
   <div id="s5_bottom_row2_area1">
         ... stuff here from your template to include the component/modules...
   </div>
</div>
That will make it so the white background is only under the bottom modules. Then, when you change the overflow property as stated above, things will be separated properly so as not to cause the issues you've seen so far.

Hope that helps, but if you need anything else, just let us know and we'll do what we can!

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Apologies for the delayed reply.

I fiddled for a bit but decided to float it left instead of right and it looks alright.
Will try you suggestion as soon a have a chance. Thank-you for taking the time out to come up with the suggestion.

Appreciate your time.
Thanks
The topic has been locked.
Support Specialist
No problem. Hopefully that all works out for you. If you need anything else from us, let us know.

We hope to see you back as a subscriber soon as well!

Thanks,
Alex
The topic has been locked.