• 0

Highlight/Typography question


Question

Posted · Report post

At Typography, I've selected Source Sans Pro G for my Primary Text and Text Headers but can't seem to get the same font in my Highlight under my Rev Slider. I used code that you folks gave me for the Highlight and I see where to change the font. But when I enter source sans pro g it publishes some serif typeface instead.

 

How do I change the Highlight text to Source Sans Pro G?
 

See: americansendingabuse.org

Share this post


Link to post
Share on other sites

9 answers to this question

  • 0

Posted · Report post

can you give us the code you are using and will be able to highlight where the error is. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

}

#highlightummxun .highlight-head {

       line-height: 2em;

       font-family: source sans pro g;

       text-align:  left;

}

 

The above is what I was shown.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

This is likely caused by you having calibri font also set, change that font to Source Sans too.

 

If you have calibri set on purpose for your headers and want to keep it that way, but have the Highlight section using Source Sans Pro too.

 

You will want to use custom CSS, the code you provided above isn't valid, why do you have } above the code ?

 

You also do not have the font-family set correctly, use the following instead.

 

#highlightummxun .highlight-head {
font-family: 'Source Sans Pro', sans-serif;
}
 
You can see here for more information on how to add the font via CSS correctly (see #4 on this page) - http://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I want it to align left and want the line spacing as it currently is at 2em. Shouldn't I include both in the code too? Something like:

 

#highlightummxun .highlight-head {
        line-height: 2em;
        font-family: 'Source Sans Pro G', sans-serif;
        text-align:   left
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Make sure you have the semi colon in place after the text alignment CSS. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry but could you show me the code as you mean it? The above code is basically want Danny sent me, although I had to change it a bit to align left. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Could you take any code you have a problem with and run it through the validator http://jigsaw.w3.org/css-validator/

 

 The validator will tell you where the errors are. We are limited to the support we can provide with Custom CSS as PageLines did not create CSS.

 

Make sure you have the semi colon in place after the text alignment CSS. 

 

read my comment above again and it will tell you where the issue is - if you are not sure run your code through the validator and it will tell you exactly where the issues are 

 

I will get into trouble for this but the issue is that there is no Semi colon on the text alignment css

 

text-align:left ;

 

The issue you are having is not with the code that danny gave you but the code you added yourself to it. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you! Hope you don't get in trouble. You're always very helpful and I appreciate it!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hello @redstate 

 

We are here to help please do not get me wrong. :) 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now