Archived

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

  • 0

Resolved Text Size In Feature Slider

Question

9 answers to this question

Posted · Report post

Hi indakno

You can try add in

PageLines > Site Options > Custom Code > CSS Rules

For the text


#feature_slider .text-bottom .fcontent .ftext {

font-size: 8px;

line-height: 1.5em;}
and for the title

#feature_slider .fcontent .ftitle {

font-size: 12px;

line-height: 1.3em;

vertical-align: middle;}

You can change #px and #em as you like

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Thank You. That worked perfectly.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

arlomiller, you need to change the selector slightly since your feature slider is a little different. (The text overlay is on the left side instead of the bottom so perhaps you need to change .text-bottom to .text-left)

Share this post


Link to post
Share on other sites

Posted · Report post

I tried that too, but it also didn't have an effect.  For now, I'm using H5 tag for the text in the feature and styles that.  Not an awesome solution, but it works.

Share this post


Link to post
Share on other sites

Posted · Report post

You can edit the H5 in the feature slider, an example is below, if it doesn't work you can try adding !important behind the 12pt. Obviously change the size to the value you want.

 

#feature_slider .fcontent h5 {font-size:12pt;} 

Share this post


Link to post
Share on other sites

Posted · Report post

still didn't work.  just not able to find the correct class for the text in the sliders.  

Share this post


Link to post
Share on other sites

Posted · Report post

Ok the below is the full list i'm seeing for the H values in the slider. You'll need to edit each one separately.

#feature_slider .fcontent h1, #feature_slider .fcontent h2, #feature_slider .fcontent h3, #feature_slider .fcontent h4, #feature_slider .fcontent h5, #feature_slider .fcontent a {

    color: #FFFFFF;
    text-shadow: 0 -1px 0 #000000;
}

 

If that doesn't work, check the classes which are showing in firebug and see if they differ from the above, you might have to add additional code into it if the slides move between text on the bottom and text on the left etc. Are you using firebug or chrome?

 

Above code is working for me giving this result - http://screencast.com/t/qHWwNK9g

1 person likes this

Share this post


Link to post
Share on other sites