Jump to content


Photo
- - - - -

Text in Rev Slider

rev slider css

  • Please log in to reply
3 replies to this topic

#1 microsqueek

microsqueek

    Advanced Member

  • Members

  • 30 posts
  • Country: Country Flag

Posted 26 September 2013 - 05:36 AM

I'm trying to align the text in the Rev Slider to the right side of the page, and lower it (here: http://nationalmallunderground.org). I've started by doing this: 

 
.revslider-container .slider-content.right-side {
  text-align: right; }

But it pushed the whole thing over the edge on the right. Is there a way to align the right side of the text box to the right side of the frame?

 

Same for the .revslider-container .slider-content a.slider-btn.



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 26 September 2013 - 05:42 PM

You have a 400px container.

This helps adjust the button:

 
.revslider-container .slider-content.right-side {
    max-width: 550px;
    text-align: right;
}

The settings for the slider seem to have some funky width and positioning built into the settings for the slides.  Did you write any custom code for it?



#3 microsqueek

microsqueek

    Advanced Member

  • Members

  • 30 posts
  • Country: Country Flag

Posted 01 October 2013 - 12:41 PM

Just gotten back to this, sorry. No, I don't think I had written any code specially, I'd just picked it out of the inspector and changed things to alight right. You can see, it's a little better now. Deffo your code improved it. But I was hoping to align all text to the far right of the slider, so it butts up against the frame. Any chance?

 

Thanks!



#4 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 October 2013 - 10:16 PM

Hi there,

 

There are some sliders which display the text on two lines, others where the text is too long to display and goes off screen etc. All the text is aligned right on the slides, but you'll need to break up the text on the slides where they go off the page by adding <br> where the space to appear. This will replicate the affect on the other slides.

 

Screenshot - http://screencast.com/t/KmOg5MyjgpC







Also tagged with one or more of these keywords: rev slider, css