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


  • Please log in to reply
7 replies to this topic

#1 jtunney

jtunney

    Member

  • Members
  • 19 posts
  • Country: Country Flag

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
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

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
  • Country: Country Flag

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
  • 15891 posts
  • LocationManchester, UK
  • Country: Country Flag

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
  • Country: Country Flag

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

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

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
  • Country: Country Flag

Posted 10 December 2012 - 10:39 PM

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



#8 batman

batman

    Bat Learning

  • Members

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 December 2012 - 10:42 PM

No problem, glad to help you

;)