How to keep content between the expand/close tags

Hello @isla-sands and thanks for your kind words!

I’ve tried to recreate the issues you are having (here) and found a solution. Let me start with questions 2 and 3.

2. Please go to Tools>Show-Hide/Collapse-Expand and clear the “Enable jQuery UI effects” checkbox. Effects work great with text and other simple content, but when it comes to iframes it’s not reliable.

3. To center the links, you’d need to do a slight modification to the plugin php file. Please log in to your website via ftp and go to wp-content/plugins/show-hidecollapse-expand folder. Then copy the bg_show_hide.php file to your computer, open it with any text editor (like notepad) and locate the following lines of code:

if ( $a["view"] == 'link') {
  $showmore_btn = "<a id='bg-showmore-action-$bg_uniq_id' class='bg-showmore-plg-link $bg_btn_icon_class' style=\" color:" . $bg_text_color . " ;\" href='#'>" . $bg_expand_text . "</a>";
  $bg_hidden_content_start = "<p>";
  $bg_hidden_content_end = "</p>";	
}

Change the line $bg_hidden_content_start = "<p>"; to $bg_hidden_content_start = "<p style='text-align:center'>";. Then save the file and overwrite the file on your server with the modified one. We’ll most likely add the ability to add custom styles in the next version of the plugin.

Regarding your question number 1, I am rather clueless about what could go wrong. I tried it with Divi and all works well for me. Maybe you could create a test page, make the edits as you wrote and then send me a link to have a look at?

Looking forward to your reply.

Marking resolved, due to no follow-up.

I’m so sorry I didn’t get back to you!

I am using your plugin to make all posts on my site. It is a wonderful solution to my multi-media posts. The plugin also works brilliantly on mobile too – which is imperative.

However, 3 problems have arisen since I started posting.

1. I tried to insert a video slider (using Unite Gallery which is a shortcode slider) inside the code. I used the ‘shortcode within the shortcode’option. It worked on desktop but on mobile it was impossible to scroll down to view the media. As soon as I removed the slider I could scroll again normally. Is there a way to make a slider work? (Youtubes are fine)
2. Is there a way to make spaces that stick? I have been using &nbsp ; but with varying success. I figured the spaces work so long as you don’t go into Visual Editor after you have added them. But every now and then they don’t work at all.
3. How do I add CSS to make font bold? Not sure how to do that.

Thanks again for great plugin, Isla

Hello @isla-sands,

Thanks for getting back to us!

1. I need to have a look at this. Is this the plugin you mean? Please also keep in mind that ‘shortcode within shortcode’ option is for using collapsing/expanding content inside another collapsing/expanding content. Meaning both shortcodes are from our plugin. If you are using other shortcodes, there is no need to use this option.
2. Can’t reproduce,   works for me as well as a simple “enter” in visual editor. Can you probably create a small screen-cast?
3. Please enter font-weight:bold; into the Inline CSS field in popup or use inline_css=”font-weight:bold;” as a shortcode attribute.

Looking forward to your reply.

Thanks for your kind words about the plugin!

• This reply was modified 7 years, 5 months ago by buntegiraffe.

Thanks for your reply.
1. Yes, that’s the plugin – Unite Gallery. I’ve been using it for 2 years. It’s always been reliable and fast. I tried inserting a gallery as a straight shortcode (such as [gallery210496Concert] and also tried using your plugin’s option to put another collapse/expand within the item.

Here is an example of a post with a Unite Gallery item. Please scroll down:
https://www.adamlambertmedia.com/index.php/2017/06/24/test-post-for-buntegiraffe/

There are no problems scrolling to view on Desktop (iMac and PC) or Android phones. But the post freezes on iPhone and iPad. You cannot scroll to view the post. I’m hoping like mad there is a solution.

2. Yes, & nbsp;works for me too, but not all the time. I try to stay out of the Visual editor.

As with the spaces: when I post youtubes or Instagrams or Twitter videos in the Visual editor – using WordPress’s oEmbed – as soon as I go into the Text editor those items disappear altogether. The code just strips out. I have no idea why. So I just stick to making my posts in the Text editor, Saving, then Previewing to see what the post looks like.

3. Gotcha.

Thanks for your help

Isla

Hello Isla,

Thanks for your reply.

I tried the post you created and can confirm that it freezes. I tried however to replicate the issue in my testing environment with Divi, Unite Gallery and Show-Hide, but all works well on iPhone, no freezing whatsoever. Maybe you could create a temporary user account and send me login details to [email protected]? I would also ask you to create a full backup before granting me access to your website.

This would be the fastest way.

He there,

Thanks for helping me.

I checked with my server host (my brother) and the site is updated daily. So that’s all good.

Note: I’m not using a child theme.

When I inspect my site I get this error message, and wonder if it has something to do with the problem.

jquery.mobile.custom.min.js?ver=3.0.51:3 Uncaught TypeError: e.event.special.swipe.start is not a function
at s.start (jquery.mobile.custom.min.js?ver=3.0.51:3)
at dispatch (jquery.js?ver=1.12.4:3)
at r.handle (jquery.js?ver=1.12.4:3)
s.start @ jquery.mobile.custom.min.js?ver=3.0.51:3
dispatch @ jquery.js?ver=1.12.4:3
r.handle @ jquery.js?ver=1.12.4:3
?

I also am experiencing weird scrolling problems with my wordpress site. I’m not having problems anywhere else on the web.

I much appreciate your help.

Isla

• This reply was modified 7 years, 5 months ago by Isla Sands.

#modlook

Please edit out the login details from the prev post.

Hello @isla-sands,

It is not safe to publicly post login credentials, please never do that.

I logged in to your website and ran a quick test – disabled our plugin and checked the page you were referring to (https://www.adamlambertmedia.com/index.php/2017/06/24/test-post-for-buntegiraffe/). With our plugin disabled the issue is still there on iPhone, so it must be some other plugin or plugins/theme combination that is causing it.

We are also not relying on jquery.mobile.custom.min.js, so the errors are definitely not related to the Show-Hide plugin.

Please consider hiring a WordPress developer to help you solve the issues you are experiencing or try disabling all plugins one-by-one and see which one causes problems.

Kind regards

Thank you so much for checking it out for me. I will do as you suggest.

Kind regards

Isla

Just a follow-up. I followed your advice and found the conflict. It was with a plugin called Gallery Lightbox. Last updated a year ago. I removed it and deleted it and now the issue is fixed on ipad and iphone.

Kind regards

Isla

Hello @isla-sands,

Thanks a lot for reporting back. I am very glad your issue is solved!

Happy blogging ??

Just checking if there are any other icons I can use, in addition to the Arrow, Eye, and Zoom?

Thanks

Isla

Currently it’s just arrow, eye, zoom. Which icons would you like to have?

Hi there

1. These are the icons I’d love to use. It would save me adding titles to media. Microphone, Audio, Video cam, Quote marks, Picture, Instagram, Facebook, Twitter.

2. Also, I wondered if you might be able to help with a page loading problem. My Homepage is grid designed and when I click on a post the content jumps and briefly displays at the far left of the page before loading in the centre where it is meant to display.

You can see this jumping flashing here https://WWW.adamlambertmedia.com

I’ve talked to Divi about it and first they suggested I use the Preloader plugin. I didn’t want to do that because the reviews are mixed. Then a tech suggested I validate all my custom CSS (which I did) and disable Divi Builder’s Online Styling. I did this but nothing changed or improved.

I wondered if it has anything to do with whatever scripts run Collapse/Expand?

Any help or ideas will be greatly appreciated. I LOVE using your plugin. My readers love my new post layouts, especially on mobile.

Kind regards, Isla