• 0
Sign in to follow this  
Followers 0

Text Modification in Revslider


Question

Posted · Report post

I just resized the slider to fit the look of the site better but now the position of the text and "Read more" box is funky.

 

This is the code I used to resize the slider...

.revslider-container {
width: 100% !important; 
position: relative;
padding: 0;
 height: 250px !important;   
max-height: 250px !important; 
}
 
But now the overlay text position is too low and I can't even see the "Read more" text. What I'm looking to do is change the position AND make sure it properly scales for mobile viewing.
 
For the life of me I can't find the proper CSS code to change this. I'm using the Chrome Inspector. Can someone help point me in the right direction. I've read through some of the Rev-Slider help docs but nothing addresses this particular issue (or I missed it).
 
Here's the site link - http://boostsouthwestoregon.org/

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

 
Hi there, try the following to see if this corrects.
 
.revslider-container .slider-content.centered {
    text-align: center;
    top: 25px !important;
}
2 people like this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

is this better? http://d.pr/i/6I1E

 

this is the css i used 

.revslider-container .caption {  
  top:25px;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

James that worked!

 

Thank you!!!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

You're welcome Trace, glad that worked for you :-)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0