Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

Using two plugins on one page; promoslider & events list.
Tried to produce desired output.

+-----------------+
|  slider output  |
+-----------------+
Text related to events list
+-----------------+
|  events output  |
+-----------------+

Code listed below did not produce expected results.

// original code
[promoslider width="600px"]
Text related to events list
[events_list]

Instead produced output out of order.

Text related to events list
+-----------------+
|  slider output  |
+-----------------+
+-----------------+
|  events output  |
+-----------------+

Encapsulated short codes in html table seems resolve the issue

// Table code
<table>
<tr><td>[promoslider width="600px"]</td></tr>
<tr><td>Text related to events list</td></tr>
<tr><td>[events_list]</td></tr>
</table>

Is there a better way to display multiple plugins on the same page?

share|improve this question
    
@mrwes: Can you add links to the specific plugins you use? There are multiple plugins that use the shortcode events_list for example. It is possible that this is a problem with how the plugin works. –  Jan Fabry May 31 '11 at 12:25
    
@mrwes: The [promoslider] shortcode, is it added by the Promotion Slider plugin? (Use @Jan when you reply in a comment and I get a notification) –  Jan Fabry May 31 '11 at 15:17
    
@Jan - The plugins are Promotion Slider [link] (orderofbusiness.net/blog/plugins/promotion-slider) shortcode is [promoslider] and Events Manager Extended link the shortcode is [events_list] –  mrwes May 31 '11 at 15:22
    
@mrwes: Do you have an link where we can see this incorrect behavior? From a quick look at the Promotion Slider code it looks like it should be displayed where you put it in the text, and not move around. –  Jan Fabry May 31 '11 at 15:38
    
@jan I created a temp link link I'm actually using the width parameter [promoslider width="600px"]. When width parameter used, the text disappears behind promo slider. When width parameter not used, the text appears to the right of promo slider. –  mrwes May 31 '11 at 16:25
show 3 more comments

1 Answer

up vote 1 down vote accepted

The promo slider on your demo site has the class .random, and in your style-Red.css file you give it a float: left; width: 200px. But because your promo slider is actually 600 pixels wide, you have 400 pixels that overlap with what follows: your text. So I don't think this is a WordPress issue but a CSS issue.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.