Jump to content


Photo
- - - - -

Change Font Weight Textbox

textbox cutomization font-weight

Best Answer Rob , 04 October 2013 - 11:12 PM

In the edit panel for the TextArea, you'll see a field for Styling Classes.  In that field, as a test, I added the unique phrase joe2

and added some text in the Title field.

 

The CSS I used for this is:

.joe2 strong {
    font-weight: 700;
  font-size: 2.25em;
}

 

That changed the font-weight and -size for the title only.

 

Please install Firebug for Firefox, or use Chrome's Inspect Tool to identify the CSS.

Go to the full post


  • Please log in to reply
10 replies to this topic

#1 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 03 October 2013 - 07:42 PM

Hey guys,

 

My textbox on WebsiteAlright.com says "Select Clients" I have tried every selector i can find to change it to {font-weight: 600;} but nothing is taking effect. Can you tell me what selector I am looking for. I even changed the selector on PL Editor to .textbox-clients with no luck. Thank you!



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 03 October 2013 - 07:46 PM

Do you have a link to your site? 



#3 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 03 October 2013 - 07:47 PM

http://websitealright.com is my site



#4 Jake

Jake

    Advocate

  • Premium
  • 565 posts
  • LocationNC, USA
  • Country: Country Flag

Posted 03 October 2013 - 10:26 PM

Hi @BentleyD - Are you referring to the text right above the scroller? If so, that's the Highlight section and it looks like you've already got it to the correct weight? To modify it you would use:

 

.section-highlight .highlight-head



#5 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 03 October 2013 - 10:33 PM

I switched because I couldn't figure out the selector for the textbox. I would still like to know the answer to that.



#6 Danny

Danny

    Is Awesome!

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

Posted 04 October 2013 - 10:21 AM

Hi,

 

You can't use 600, as its already been applied to the text, if you use a greater value such as 700, you will see the change in weight.

 

For example:

 

.section-highlight .highlight-head {

font-weight: 700;

}

 

Also, please be aware that we do not provide extensive CSS support, if you want to start using custom CSS. I recommend you use Google Chrome's web dev tools. If you're not comfortable with using this tool, you should check out the free course provided by Code School. Its really awesome and will have you a web dev tools ninja in no time.

 

https://www.codescho...scover-devtools



#7 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 04 October 2013 - 08:15 PM

I know how to code it. I am asking for help figuring out what the selector is for textbox.



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 04 October 2013 - 11:12 PM   Best Answer

In the edit panel for the TextArea, you'll see a field for Styling Classes.  In that field, as a test, I added the unique phrase joe2

and added some text in the Title field.

 

The CSS I used for this is:

.joe2 strong {
    font-weight: 700;
  font-size: 2.25em;
}

 

That changed the font-weight and -size for the title only.

 

Please install Firebug for Firefox, or use Chrome's Inspect Tool to identify the CSS.



#9 BentleyD

BentleyD

    Super Member

  • Members

  • 155 posts
  • Framework Version:dms
  • Country: Country Flag

Posted 04 October 2013 - 11:35 PM

I have chrome and firebug. The issue was I was putting a period in front of strong. Thank you. Problem solved.



#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 05 October 2013 - 02:56 AM

Glad to hear it!



#11 Danny

Danny

    Is Awesome!

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

Posted 06 October 2013 - 09:52 AM

I know how to code it. I am asking for help figuring out what the selector is for textbox.

 

That is why I linked you to the Chromes web dev tools course, as this will help you find the correct classes much quicker.







Also tagged with one or more of these keywords: textbox, cutomization, font-weight