Jump to content

Archived

This topic is now archived and is closed to further replies.

caspersjan

Accordion behaviour on RTL page

Recommended Posts

caspersjan

Dear Pagelines team,

I have been using the PL Accordion Shortcode and it has worked efficiently and beautifully. But a problem has arisen on RTL pages: The space between the accordioncontent bars increases considerably. I cannot see any difference in the HTML and can't find anything in CSS or anywhere else that might cause this. I'd be most grateful if you could cast your more experienced eye on this. Here are two pages:

LTR page: http://animatinglibraries.com/?activities=space-race

RTL page: http://animatinglibraries.com/?activities=space-race-2&lang=ar

Can you see what might be the case? It irks me that I don't understand it - and can't prevent it from happening. 

Thank you for your ongoing assistance - and your patience in the ongoing epic LTR/RTL saga...

Yours faithfully, Jan.

 

P.S.: In case it's helpful, here are the actual HTML portions with the accordion shortcodes for these pages:

LTR:

[pl_accordion name="activity1"][pl_accordioncontent name="activity1" class="activity" number="1" heading="INFO" open="no"]
[row]
[span3]
<span style=font-weight:bold;">Group size</span>
11 - 15
<span style=font-weight:bold;">Age</span>
Secondary School
<span style=font-weight:bold;">Gender</span>
Mixed
<span style=font-weight:bold;">Profession</span>
Pupils
[/span3]
[span3]
<span style=font-weight:bold;">Sessions</span>
 
<span style=font-weight:bold;">Session duration</span>
1 1/2 hours
<span style=font-weight:bold;">Type</span>
Introduction
<span style=font-weight:bold;">Level</span>
Beginner
[/span3]
[span6]
<span style=font-weight:bold;">Report:</span>
Breaking the frontiers of space
[/span6]
[/row]
[/pl_accordioncontent]
[pl_accordioncontent name="activity1" class="activity" number="2" heading="PHOTOS" open="no"]
[row][span6]
WORKSHOP IMPRESSIONS </br>[justified_image_grid ids=8079 preset=5 row_height=100 height_deviation=25 prettyphoto_social=no lightbox=colorbox mobile_lightbox=no ][/span6]
  [span6] MODELS AND SETS </br>[justified_image_grid ids=8080 preset=5 row_height=100 height_deviation=25 prettyphoto_social=no lightbox=colorbox mobile_lightbox=no ][/span6][/row]
[/pl_accordioncontent]
[pl_accordioncontent name="activity1" class="activity" number="3" heading="VIDEO" open="no"]
No video
[/pl_accordioncontent][/pl_accordion]
 
RTL:
[pl_accordion name="activity2"][pl_accordioncontent name="activity2" class="activity" number="4" heading="INFO" open="no"][row][span6]
<span style=font-weight:bold;">Report:</span>
Breaking the frontiers of space
[/span6]
[span3]
<span style=font-weight:bold;">Sessions</span>
 
<span style=font-weight:bold;">مدة اللقاءات</span>
1 1/2 hours
<span style=font-weight:bold;">نوع الورشة</span>
مقدمة
<span style=font-weight:bold;">مستوى الورشة</span>
Beginner
[/span3]
[span3]
<span style=font-weight:bold;">حجم المجموعة</span>
11 - 15
<span style=font-weight:bold;">الفئة العمرية</span>
مدارس ثانوية
<span style=font-weight:bold;">الجنس</span>
مختلط
<span style=font-weight:bold;">المهنة</span>
تلاميذ
[/span3]
[/row]
[/pl_accordioncontent]
[pl_accordioncontent name="activity2" class="activity" number="5" heading="صو" open="no"]
[row]
[span6] ر : نماذج ومواقع </br>[justified_image_grid ids=8079 preset=5 row_height=100 height_deviation=25 prettyphoto_social=no lightbox=colorbox mobile_lightbox=no ][/span6]
[span6] ر: انطباعات من الورشات </br>[justified_image_grid ids=8080 preset=5 row_height=100 height_deviation=25 prettyphoto_social=no lightbox=colorbox mobile_lightbox=no ]
[/span6]
[/row]
[/pl_accordioncontent]
[pl_accordioncontent name="activity2" class="activity" number="6" heading="صو" open="no"]
No video
[/pl_accordioncontent][/pl_accordion]

 

Share this post


Link to post
Share on other sites
caspersjan

Dear Pageliners, I am always trying not to cry wolf when asking questions of you. This one I could not work out - I compared things letter for letter and space for space. This morning however I tried the following: Copy the code from the sample in http://demo.pagelines.me/tools/, and replace sample content with my content. And low and behold, although the shortcode really is exactly the same to the single character, now the white space is gone and all is well again. I am still mystified by what might have happened but it's working now so all is well in the land of RTL! Thank you again for your patience. Yours faithfully, Jan.

Share this post


Link to post
Share on other sites
Danny

I have just create two separate files each one containing one of your shortcodes. I then loaded the files into Kaleidoscope app, both shortcodes appear to have significant differences. I recommend you do the same so you can see the differences.

 

http://www.kaleidoscopeapp.com/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • balfred1345
      By balfred1345
      Hi, 
      I'm using El Sue's Accordion plugin  V1.7.4 in DMS2 using WP 4.4.1.
      I've created a set "Jobs2", and selected three accordions for the set. Here's a screen shot: http://screencast.com/t/MXYR9p1QoEAo
      The "accordion set to show" selection box no longer works, and all accordions I've made are showing instead of the set "Jobs2"  You can see this here: http://whub34.webhostinghub.com/~videoh6/cidev2.com/jobs-at-piepho/
      I've deactivated all plugins to see if there was a conflict, and there does not seem to be one, as the accordion selector problem persists even with plugins off. 
      Can you please tell me how to fix this so the "accordion set to show" selector works again?
      Thanks,
      Bruce
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • flourishdesignstudio
      By flourishdesignstudio+
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio+
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
×