Jump to content

Archived

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

redstate

RevSlider Slide Text problem

Recommended Posts

redstate    0
redstate

When I select the RevSlider right or left text location option, the text extends too far out in a straight line, rather than in a paragraph as Pagelines Box Sections do. How do I fix that?

 

Also when I select the Centered option, the text is positioned too high and displays right across the middle of the photo. How can I move the text so it displays across the bottom of the photo?

 

Thanks!

Share this post


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

Hi there,

 

The text string inside the revslider doesn't auto format the paragraph. You'll need to add a <br> in the text to move the text down to the next line. Once you save/refresh you'll see the text spilts where you've put the <br> tag. 

 

You can move the text down using css to adjust. Change the figure below to it your slider

 

.tp-caption {
    top: 200px !important;
}

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
redstate    0
redstate

Thanks much! Looks great now!

 

How do I also add additional text in smaller letters below the headline text?

 

Could you please show me the code for say a 12 pt. text?

Share this post


Link to post
Share on other sites
redstate    0
redstate

I'm sorry but I don't understand that link since I'm not a developer. I know I should use<br>to start a new paragraph, but could you just show me the code to use to reduce the text to 12 pt. type in this sample phrase:

 

<br>

Over 90% by family members and friends

 

Thanks.

Share this post


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

Hi there, to write the font size into the slider you'll need to use inline html. For example

<font size="6">This is some text!</font>

 

http://www.w3schools.com/tags/att_font_size.asp

  • Like 1

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 :-)


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
redstate    0
redstate

I guess I don't understand after all. I want to reposition the Headline text on all 5 slides - in most cases just move higher on the page so there's more room to add short subheads. I know how to select left, right or center, but please tell me how to move text higher and to the side.

 

And where do I insert this subhead text? There doesn't seem to be enough room in the Slide Text box after the Headline text. It cuts off the text.

 

On Slides 1,3,4 & 5, I just want to move the text higher and add subhead text.

 

On Slide 2, I want to center the Headline text in the space above Rihann's shoulder and then add subhead text.

 

See: americansendingabuse.org 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

On slide 2 - you can control the position of the text using Custom CSS. You can pinpoint which CSS to change using your browser inspection tools.

 

Here is an example of what to change - the results of whcih were determined after using Firebug http://screencast.com/t/xixPIofGrySA

 

You will need to substitute element.style for the name of the selector you want to change.

 

For the Subheader you also mentioned - could you give us an example of the text you are adding that is being cut off. You can just paste the entire text in the reply if you like. 


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
redstate    0
redstate

Sorry, still confused. What do you mean by my "browser inspection tools?"

 

How do I access all that code shown in the screencast? Is that where I substitute element.style?

 

 I tried to follow James' instructions above but no luck. Can you please tell me which code to use for the following at americansendingabuse.org

 

On the first slide, I'd like to simply publish the source of the Headline text in smaller letters:

 

National Center For Injury Prevention/CDC

 

On the second slide, I'd like to add in smaller letters centered below the Headline:

 

Physically abused by their husbands, boyfriends or exes

 

National Center For Injury Prevention/CDC (in even smaller letters as on slide 1)

 

(Photo: Neal Vasquez, Getty)

Share this post


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

Hi there,

 

By default the text inside the slider will be one size. If you want different sizes of text inside each slide then you'll need to use the slider extra elements box inside the section options for the rev slider.

 

Inside the slider, you have a html box which allows you to enter the full html for you slides instead of using the section options. This is more complicated than using the section options but if you want different sized text throughout the slide text this is the best option. By using inline html you can actually select the font size for different lines of text.

 

<font size="12pt">My Title</font>

<font size="6pt">My Sub text!</font>

 

Code for the entire slide, not just the text goes in here. http://screencast.com/t/1FoHPsbHa

 

The code for displaying the slides can be found on the rev slider documentation at http://www.orbis-ingenieria.com/code/documentation/documentation.html#!/layout

 

Unfortunately we're not supposed to provide extensive custom css as its classed as site design rather than support etc. But we're here to guide you in the right direction whenever you get stuck. http://docs.pagelines.com/customize/overriding-default-css

 

But in general browser inspection tools are what you use to look into the css of your web page. The two main ones are chrome developer tools or firebug.

 

Chrome Dev Tools - https://developers.google.com/chrome-developer-tools/?csw=1

Firebug - https://getfirebug.com/faq/

 

These can be accessed from inside your browser by using the inspect element command when you right click.

 

Here's a video demo on making changes inside your site using the inspector, you would copy/paste each change back into the css panel inside your DMS install http://screencast.com/t/U6zf8V0av0

  • Like 1

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
redstate    0
redstate

Thank you very much. I understand you can't type out all the code for me. Could you just show me the code to use to write the text on my first slide, as shown below? I think I can figure out the rest then, using your above assistance.

 

Family Violence is the Leading Cause of Injury to Women & Children in America! (Headline)

 

National Center for Injury Prevention (subhead)

 

I tried the following but it didn't work:

 

<font size="12pt">Family Violence is the Leading Cause of Injury to Women & Children in America!</font>

 

<font size="6pt">National Center for Injury Prevention/CDC!</font>

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Has this been resolved, as when I view your slides you have some slides with the text on the left and some with it on the right ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
redstate    0
redstate

For some reason the text on slide 1 is not displaying. Any ideas why? I've reloaded it several times in the Slide Text box, just as I did with the other slides. Since entering code in the Slide Extra Elements box as you suggested above - which I must not have entered correctly - the headline text is not appearing. I've deleted that text, too. I can't figure out what's wrong.

 

Otherwise I guess it is resolved. I will ask a friend who knows code to provide me with what I need for the slides.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Can you provide the code you have used please for your first slide, if the text isn't appearing its likely the cause.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
redstate    0
redstate

The incorrect code that I typed in the Slide Extra Elements Box and since deleted was:

 

<font size="12pt">Family Violence is the Leading Cause of Injury to Women & Children in America!</font>

 

<font size="6pt">National Center for Injury Prevention/CDC!</font>

 

 

Below is the text that WAS working before I typed in the above code, have reinserted, but now won't display on the RevSlider:

 

This is what Family Violence is the<br>Leading Cause of Injury<br>to Women & Children<br>in America!

 

 

Is 12pt type the default text size of the headlines?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Why are you using the font tag ? That isn't supported in HTML5, I recommend you use the <p> tag, header tags, or <span>.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
redstate    0
redstate

I don't even know what a font tag is. Should I remove something from somewhere?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Try something like this:

 

<p style="font-size="12pt">Family Violence is the Leading Cause of Injury to Women & Children in America!<br /><span style="font-size="6pt">National Center for Injury Prevention/CDC!</span></p>


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
redstate    0
redstate

In Slide Text area or Extra Elements? It works in Slide Text, except some of the the text extends too far right and can't be seen. If I add <br> as I've done with the other slide text, then none of the text shows.

 

When I add the code to Extra Elements, that doesn't appear on the slide.

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

have you managed to resolve this? 


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
redstate    0
redstate

No, still need answer, please.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

OK, this is my bad, I have this noted to be included with our docs. In the meantime what you need to do is wrap your text inside a div.

 

See the RevSlider docs for more information

http://www.orbis-ingenieria.com/code/documentation/documentation.html

 

And my adding a video code which can be used with alterations to add text.

http://forum.pagelines.com/topic/28168-revslider-how-to-add-video-and-have-it-resize-properly/page-2#entry171007


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
redstate    0
redstate

Sorry but I don't understand all of this. I'm not a developer. What I asked was where do I enter this code that you were nice enough to give me - in the Slide Text or Extra Elements? If I need to wrap the text inside a div can you show me what that means or how it looks, please?

 

<p style="font-size="12pt">Family Violence is the Leading Cause of Injury to Women & Children in America!<br /><span style="font-size="6pt">National Center for Injury Prevention/CDC!</span></p>

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
       
×