Jump to content

Archived

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

jmad

Rev Slider Font per Slide

Recommended Posts

jmad+    80
jmad

Without using the "Extra Captions" area is it possible for each slide to have it's own font.  Working on a site where we might want to use multiple "display" fonts.  I thought there was a class area for each slide...but guess not

 

Even deeper...without using the "ExtraCaptions" is it possible to have a font for Title and one for text on the slide.  I realize I could import images from illustrator or PS and go that route but if using extra fonts on site anyway...it would be nice to just be able to use them in Rev Slider.

 

I thought I asked this question before but couldn't find the post...sorry if it is repeat.

 

 

Share this post


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

Hi,

 

The best option would be to use the Extra Slider option, but you could just create a custom class such as:

 

.comicsans { font-family: "Comic Sans MS", cursive, sans-serif; }

 

Then in the Title for the RevSlider add something like this:

 

<span class="comicsans">Hello World!</span> Hello World !


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jmad+    80
jmad

Okay.  Hi had tried using something like <h1 class="font-class">Hello World!</h2> but I guess the h2 must have interfered?  I'll give it another go.  

Share this post


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

There is already a H1 being as far as I can remember without looking so adding another one won't work. You will want to use span


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jmad+    80
jmad

Thanks.  Mark solved.

Share this post


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

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
    • John Olsson
      By John Olsson+
      Hello,
      I wondering (and custumers) when does Font Awesome 4.7 comes with an update of Pagelines?
    • Queue-it
      By Queue-it+
      Hi,
      I have the primary font family set to Arial. If I add another font (Open Sans), how do I change it only on a specific page? 
      I want to have Open sans only on one of my landing pages, but by default it will fetch Arial. Is there a way to change it without a plugin?
       

    • Skip
      By Skip+
      Hello
      I'm having problems with the Font not appearing correctly on a website.
      I've adjusted the font correctly with DMS (see screen shot) and saved it repeatedly yet it does not adjust the font in the website (see screen shot).  Would you please let me know what is wrong and should be done?
      (Please note that I've cleared the cache in the browser and whatnot as far as basic things I do know about browsers and issues with DMS from the past.  Hope this helps in troubleshooting...)
      Thank you.
      Skip


    • jagipson
      By jagipson+
      I am building a site on this url: http://www.recruiterwebsitedesign.com/hager/
      I have a couple questions about the Rev Slider. How can I disable the time completely? I am not asking how to make the progress bar disappear. I want the slider to only automate by the user clicking the left or right arrow. 
      The next question is I want to add a video file on all three slides. What I see is happening is I added one on Slide three. It looks like the video is just constantly playing in the background. So, when the user gets to the third slide it maybe half way into the video. Shouldn't the video slide start once the user clicks this slide? 
      The last thing is if my video is 5 seconds long can the rev slider automatically change to the next slide after the video is over? I could just change the time to 5 seconds on the rev slider but one could be 5 the other could be 10seconds. So, that wouldn't work. 
      Let me know what my options could be.
      Thanks
×