Jump to content


Photo
- - - - -

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


Best Answer GetMeWebDesign , 10 June 2014 - 09:30 AM

The font-size only goes up to 30px. How can you set it up to be bigger? The testimonials text size is 34px by default here, so I'd like my text-box font-size to match.  

 

I was able to simply do inline which is an ok solution: 

<a style="font-size:34px;">TEXT</a>

 

However, I'd prefer to just modify the option menu to have more values. How can I modify the section so that the default dropdown menu has higher values? Thanks!

You should start a new topic for the second part of your question (it would mean needing to change the sections php and so you would need a child theme)

 

For a section, you can either use the inline styling font-size: 34px, added to the Inline Styling under standard options or create your own custom class

Go to the full post


  • Please log in to reply
13 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 greenfly

greenfly

    Advocate

  • Members

  • 3268 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 greenfly

greenfly

    Advocate

  • Members

  • 3268 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

  • Members

  • 5126 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

  • 959 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
  • 17533 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.



#9 josh1178

josh1178

    Super Member

  • Members

  • 181 posts
  • Framework Version:2.3

Posted 09 June 2014 - 09:45 PM

The font-size only goes up to 30px. How can you set it up to be bigger? The testimonials text size is 34px by default here, so I'd like my text-box font-size to match.  

 

I was able to simply do inline which is an ok solution: 

<a style="font-size:34px;">TEXT</a>

 

However, I'd prefer to just modify the option menu to have more values. How can I modify the section so that the default dropdown menu has higher values? Thanks!



#10 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 10 June 2014 - 09:30 AM   Best Answer

The font-size only goes up to 30px. How can you set it up to be bigger? The testimonials text size is 34px by default here, so I'd like my text-box font-size to match.  

 

I was able to simply do inline which is an ok solution: 

<a style="font-size:34px;">TEXT</a>

 

However, I'd prefer to just modify the option menu to have more values. How can I modify the section so that the default dropdown menu has higher values? Thanks!

You should start a new topic for the second part of your question (it would mean needing to change the sections php and so you would need a child theme)

 

For a section, you can either use the inline styling font-size: 34px, added to the Inline Styling under standard options or create your own custom class



#11 josh1178

josh1178

    Super Member

  • Members

  • 181 posts
  • Framework Version:2.3

Posted 10 June 2014 - 06:21 PM

Thanks



#12 Danny

Danny

    Is Awesome!

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

Posted 11 June 2014 - 09:16 AM

Thanks for informing us the issue has been resolved.



#13 Aldo

Aldo

    Advanced Member

  • Members

  • 35 posts
  • LocationNew York
  • Framework Version:DMS 2
  • Country: Country Flag

Posted 26 July 2014 - 03:19 PM

I to change just the tittle page text size in DMS2?



#14 batman

batman

    Bat Learning

  • Members

  • 2200 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 26 July 2014 - 04:09 PM

Hi @Aldo

Please create a new topic, as we only allow one question per topic for search indexing reasons, more than this topic is "mark solved"

;)