Promotion Slider
[resolved] Alternating Excerpt Sides (4 posts)

  1. AnnaGallow
    Posted 2 years ago #

    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!


  2. Micah Wood
    Plugin Author

    Posted 2 years ago #


    You could use the nth-child selector in CSS3: http://www.w3schools.com/cssref/sel_nth-child.asp

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

  3. AnnaGallow
    Posted 2 years ago #

    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.


  4. Micah Wood
    Plugin Author

    Posted 2 years ago #


    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;

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Promotion Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic