Jump to content


Photo
- - - - -

How to customize a text box, font, size, color


  • Please log in to reply
7 replies to this topic

#1 mapromobile

mapromobile

    Advanced Member

  • Members

  • 31 posts
  • LocationParis
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 05 December 2013 - 09:00 PM

Hello,

 

I would like to customize the font, the size, and the color text in  a text box

how do i proceed please

 

here is my site in progress

 

http://www.thegoldsurfersway.com

 

i would like to modify each text of it

 

thanks



#2 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 05 December 2013 - 09:43 PM

Hello @Mapromobile 

 

You can override the default css using your own Custom CSS. 

 

More information on Overriding the defualt CSS can be fiound here http://docs.pageline...ing-default-css

 

Also the methods of implementing the custom code can be found here http://docs.pageline...ow-to-customize



#3 mapromobile

mapromobile

    Advanced Member

  • Members

  • 31 posts
  • LocationParis
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 06 December 2013 - 02:04 AM

Hi Martin

 

ok thanks for answear

 

but you could have answeared in chinese

i think it would have been the same

you know i read those stuff

befor asking help 

it gave me head ack

 

DMS is great for organising the site very easily but

i think this part of using css for customisation

make me regret the ancien pagelines framework

where it was more easy to customize fonts and color

 

why there is not a kind of module like the one at the top of this post

to work with Fonts , size, color etc

 

in one hand DMS is kool for organising site

but in other hand it need to be engeneer in css to customize

so the time saved in the first part

is lost in the second what a pitty

 

well a kind of step by step tuto would be really welcom

 

best regards



#4 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2469 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 06 December 2013 - 02:36 PM

Hi there. 

 

I really recommend a basic understanding of CSS - it shouldn't take too long to pick up. The resources to help you learn this and overwrite the styling on your site are numerous. 

 

This link i provided is basically a step by step guide to making changes to text http://docs.pageline...ng-default-cssĀ 

 

 

And you can change text color in general in the DMS Visual Editor > Settings. 

 

Give it a try and you do not get it first time let us know what you tried and we will happily point you in the right direction.



#5 mapromobile

mapromobile

    Advanced Member

  • Members

  • 31 posts
  • LocationParis
  • Framework Version:2.4.1
  • Country: Country Flag

Posted 06 December 2013 - 05:32 PM

hello Martin

 

thanks for reply

 

i understand basics but there is one  thing

i don't figure out

how do distinguish between

one or other text box to customize

indepentently

 

yep !



#6 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 07 December 2013 - 08:29 AM

Hi there, with each section there's a styling class field. So for each text box you can give it your own class which you can then use to adjust the css. So you could call one textbox1 the other textbox2 and then use the class to make the changes.

 

.textbox1 {font-size:12pt;} etc



#7 jmad

jmad

    Advocate

  • Members

  • 498 posts
  • LocationCentral Florida
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 December 2013 - 05:00 PM

Martin - I get a 404 error on the link provided.  Do you have a different/active link?



#8 Danny

Danny

    Is Awesome!

  • Moderators
  • 13021 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 08 December 2013 - 11:30 AM

You can already select the font size in the TextBox using the option. If you want to change its color, you will need to use custom CSS.

 

You can add the following to your custom CSS:

 

.text-red { color: red; }

.text-blue { color: blue; }

.text-green { color: green; }

 

Then in the TextBox styling classes field, add the classes name you want the color of. For example, lets say you want your textbox color to be blue, you would add the following:

 

text-blue

 

Then click Publish and refresh you TextBox text color should be blue. You can add your own custom CSS and then add those classes to your styling classes field.