Jump to content

Archived

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

mapromobile

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

Recommended Posts

mapromobile    1
mapromobile

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

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

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.pagelines.com/customize/overriding-default-css

 

Also the methods of implementing the custom code can be found here http://docs.pagelines.com/customize/how-to-customize


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
mapromobile    1
mapromobile

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

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

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.pagelines.com/customize/overriding-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.


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
mapromobile    1
mapromobile

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 !

Share this post


Link to post
Share on other sites
James B    436
James B

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


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

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

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
josh1178    10
josh1178

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!

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

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


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Thanks for informing us the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Aldo    0
Aldo

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

Share this post


Link to post
Share on other sites
batman    389
batman

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"

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

×