Jump to content

Archived

This topic is now archived and is closed to further replies.

trace

Text Modification in Revslider

Recommended Posts

trace    0
trace

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
greenfly    230
greenfly

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

 

this is the css i used 

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

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
James B    436
James B
 
Hi there, try the following to see if this corrects.
 
.revslider-container .slider-content.centered {
    text-align: center;
    top: 25px !important;
}
  • Like 2

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • Claudio
      By Claudio+
      I have a problem with the typography settings. I set the H1 class with "font-weight: 300;" (Very thin weight), and "font-size: 50px;" (To have considerable evidence of my problem). Unfortunately, as you can see on the screenshots, those setting don't have any incidence on the site, Infact in the home page editor there is a trial title called "Text test", bold, and 26 px approximatly sized.
      Why the typography settings are not transposed on the site? Where I wrong?


    • carl
      By carl+
      Trying to convert a site over to PL5 from DMS2. Can we use revslider? Can any portion of DMS2 be editable or imported through PL5?
      I'm trying to wrap my head around the new PL5 os, but things have changed so much it like learning a new software. I DO like the new UI! Great job.
    • John Olsson
      By John Olsson+
      I have a problem with the regular textbox in pl5, in this case, the text goes in that container, but it will hide som of the text, as if the container itself won't fit?
      Is this some kind of bug or have I done something stupid, never happend before with pl5 doh, can I do something smart about it?
      Version: Version 5.0.108
      Look here: www.gastronova.co56.se

    • jennajonesdesign
      By jennajonesdesign+
      Hi Guys, 
      I just went live with this site. http://bikenet.org/
      I can see the video background in Firefox, Chrome and IE on my computer as well as my husband's computer and my phone. So I am not able to see any problem. 
      But, my client says she cannot see the video background in Chrome?? Any ideas? 
      Let me know. Thanks!
       
      Jenna
    • Bleuy
      By Bleuy+
      Problem: Full Screen Revslider content runs off the screen on mobile devices (particularly calls to action buttons).  I've used the <br> to break up the text, however the call to action buttons run off the screen.  Therefore without making the fix too technical (and I can see some VERY technical resolutions on here) my client just wants to simple centre justify the text when being viewed on a mobile device.  
      Any ideas on how best to achieve this in a simple, non too technical way?
      Thanks very much in advance
       
×