Jump to content

Archived

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

antonyw

Styling Classes - font and colour

Recommended Posts

antonyw    0
antonyw

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
jmad+    80
jmad

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
antonyw    0
antonyw
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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
antonyw    0
antonyw

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
antonyw    0
antonyw

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

 

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

Share this post


Link to post
Share on other sites
jmad+    80
jmad

Try this

 

.testfont2 {

font-size; 15px;

font-family: arial;

color: #00ff00;

}

Share this post


Link to post
Share on other sites
antonyw    0
antonyw
Brilliant, this worked, really appreciated your help with this thank you thank you

Share this post


Link to post
Share on other sites
antonyw    0
antonyw

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
James B    436
James B

Hi there, please see http://docs.pagelines.com/tutorials/adding-custom-fonts which has a full example of the code needed for adding the custom font css and the instructions for uploading the font files.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

×