I have the Slider Revolution working beautifully except for one thing: I’m placing paragraphs in a text layer, and they aren’t wrapping. I was able to hack it by clicking Edit Global Settings and adding this CSS:

/* wrap slider text */
.tp-caption {
white-space: normal !important;
}	

But after saving the changes to the Global Settings, I could no longer select or edit styles. In other words, I could no longer change font, size, color, etc.

So my question is two-fold: Is there a way to wrap the text that I’m not seeing, or do I need to use the Global Settings route? If I need to use the Global Settings route, how can I continue to edit my other settings?

You can see the site here (index.php required): http://qalytics.net/index.php. The first slide is a mock-up with text as part of the image, showing it wrapped as desired. The remaining slides have text as a layer. WP 3.8.1, X v1.7.5, Child Theme Integrity Light v1.0.0

Thanks,

Rick

Thanks for writing in! The best way to ensure that text wraps properly in Revolution Slider is to use the trusty line break element (i.e. <br>). This might look something like the following:

This is the first line of text.<br>
This is the second line of text.<br>
And this would be the third and final line of text.

Revolution Slider doesn’t position elements in the normal flow of a document like your standard content behaves, so wrapping words in the way you’re expecting it to like standard content won’t work, but the method prescribed above is simple, effective, and easy to implement.

I’m not sure exactly what’s going on with the global settings for you, but it could be some sort of permissions error with your server that you’ll want to check with your host on. Also, you could have overwritten all of the dynamic styles output by the plugin, which could be the cause of the error you’re experiencing. I would certainly make sure to check out Revolution Slider’s online documentation to ensure everything is setup correctly.

Thanks!

Thanks for the link to the Revolution Slider’s documentation.

Best,

Rick

That’s conflict with the plugin and we are glad that you figured it out yourself.

Thanks

Please add the following code in Customize -> Custom -> CSS :

div#slide-27-layer-2,div#slide-32-layer-2{

    white-space: normal !important;
}

Hope that helps.

It did wrap the text, but now it’s a very skinny vertical box way to the left.

I’m looking to make the text wrap, but I need to be able to control that is takes up 50% of the screen, or 75%, or whatever looks the best.

Also, now it appears flush with the bottom of my slider…I want some padding at the bottom as well.

Thanks for writing in! As Revolution Slider is a 3rd party plugin, regretfully, we have limited support for it that only covers its compatibility issues with X. So any question related to transitions, animations or how the certain feature of the slider works, would be getting outside the support we can offer. You may refer to Revolution Slider online documentation: http://revolution.themepunch.com/documentation/

You can review our Kb article on Revolution Slider for more information.

Thank you for understanding. Take care!