Jump to content


Photo
- - - - -

Features Title Styles

quickslider

Best Answer batman , 10 December 2012 - 03:26 PM

Hi John

You can try with

 

#feature_slider .fcontent .ftitle {
    font-size: 28px;
    line-height: 1.3em;
    vertical-align: middle;}
 
You change #px, #em and middle, as you like.
Go to the full post


This topic has been archived. This means that you cannot reply to this topic.
7 replies to this topic

#1 jtunney

jtunney

    Member

  • Members
  • 19 posts

Posted 09 December 2012 - 08:07 PM

Can you alter the speed of the automatic transitions? The admin panel sets it to 7 seconds. Can it be made faster or slower?

 

Also, can we style the text -- different font sizes, etc.

 

Thanks



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 09 December 2012 - 08:17 PM

The Quickslider doesn't have any transition speed options in settings.  I believe it may be done using CSS, but I'm not sure, personally, how.   Nonetheless, if you search this forum, you may find the answer. 

 

The Feature Slider (different from the QuickSlider) has a speed option in settings and also allows you to change fonts using CSS. 

 

Additionally, we have other specialized sliders available via our Store. 



#3 jtunney

jtunney

    Member

  • Members
  • 19 posts

Posted 09 December 2012 - 10:53 PM

The Features slider did the trick. But how do you change the CSS? I looked around using Firebug, but still can't seem to find it.  Fo example, to the change the size, I found this code:

 

#feature_slider .fcontent .ftitle {
  font-size: 28px;
font-family:georgia, sans serif;
    line-height: 1.3em;
    vertical-align: middle;}
When I chnge the font size in firebug, the font changes on the page, but not when I drop it into Custom CSS. Also, I can't find a way to change the font family.  I tried
.thead, h1, h2, h3, h4, h5, h6, .site-title {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;}
but that didn't work.
 
John


#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17945 posts

Posted 10 December 2012 - 10:07 AM

Hi,

 

Can you provide a link to where you have the feature slider active and also a concept image of how you would like the Feature Slider to look please.



#5 jtunney

jtunney

    Member

  • Members
  • 19 posts

Posted 10 December 2012 - 02:36 PM

Here's the link 

Please Login or Register to see this Hidden Content

 and the concept

 

concept.jpg

 

I'd like to change the size, face and strength of the title font and its alignment.

 

Thanks.

 

John



#6 batman

batman

    Bat Learning

  • Members

  • 2218 posts

Posted 10 December 2012 - 03:26 PM   Best Answer

Hi John

You can try with

 

#feature_slider .fcontent .ftitle {
    font-size: 28px;
    line-height: 1.3em;
    vertical-align: middle;}
 
You change #px, #em and middle, as you like.


#7 jtunney

jtunney

    Member

  • Members
  • 19 posts

Posted 10 December 2012 - 10:39 PM

I thought I tried that, but it's working now.  Thanks.



#8 batman

batman

    Bat Learning

  • Members

  • 2218 posts

Posted 10 December 2012 - 10:42 PM

No problem, glad to help you

;)