Support » Plugin: Promotion Slider » Alternating Excerpt Sides

  • Resolved AnnaGallow


    I am trying to get the sider to have different sides that the excerpt will display on. For example:

    Slide 1 – excerpt on left
    Slide 2 – excerpt on right
    Slide 3 – excerpt on left
    Slide 4 – excerpt on right

    Is there any way to control this per slide or to apply a class to specific slides to make the excerpt appear on the left vs. the right?

    Thank you in advance for all your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Micah Wood



    You could use the nth-child selector in CSS3:

    That won’t work in IE8, but if that is a concern, you could use JavaScript to add some classes.

    Hi Micah,

    Thanks that is a great idea… one question about how that works though. Is this the selector I should be using?

    .promo_slider_excerpt:nth-child(even) {my css here;}

    I tried a couple of different selectors and can’t seem to find the right one. Any insight you could provide would be much appreciated.


    Plugin Author Micah Wood



    Yes, that selector should be correct. Something like this should alternate the orientation of the excerpt text for all common browsers except IE8:

    .promos_slider_excerpt:nth-child(even) {
        text-align: right;
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Alternating Excerpt Sides’ is closed to new replies.