• 0

Styling Classes - font and colour

Question

Posted · Report post

Ive tried some of the links from previous threads but im still struggling.

I just need custom 'code' to change font and font colour in text boxes and if possible simple nav... please help

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Can you elaborate more on what changes you want to make.  Are you wanting to change the header level text or other?  

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi, I want to define specific font, font colour and font size for text in text boxes and if possible text in simple nav. I think I need to create a style class and then reference this in the style class box..... Somehow?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Please can anyone help me with this?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

All you need to do is create custom classes, for example.

 

.blue-text { color: blue; }

.red-text { color: red; }

 

The add the class name to the textbox styling classes field for example, lets say you want blue text, the TextBox styling classes field, add the following:

 

blue-text

 

Then save, this should make the text blue.

 

In regards to adding custom fonts, see our documentation here - http://docs.pagelines.com/tutorials/adding-custom-fonts

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

sorry - one more, in your blue-text example above how would it look if i was defining a font.... is it that simple? 

 

[.testfont1 { font-family: arial; }] ???

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

sorry - any reason why this (or any hex) doesnt work?

 

.purple-text {colour: #00ff00; }

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Try this

 

.testfont2 {

font-size; 15px;

font-family: arial;

color: #00ff00;

}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Brilliant, this worked, really appreciated your help with this thank you thank you

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Above you gave me a link to 'custom font' info.

 

my font file is .otf which apparently is the new .ttf......

 

should i just use the 'ttf' URL lines in the customisation?

 

like so:

 

[

 

/* Add trajan Font */
@font-face {
    font-family: 'gooddogregular';
        url('http://maloneywhitehead.com/wp-content/uploads/fonts/exljbris - TrajanPro-Regular.otf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}
 
]

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