RapidWeaver FAQ - Text formatting







Share/Bookmark


How can I change the font in RapidWeaver? What about the size? How can I change the font only for part of the text? What about text in HTML codes?


Here you can find a few text formatting tips. If you have any more tips which aren’t listed here please share them. Thank you.

Chapter 1: Changing the font in RapidWeaver
Chapter 2: Change the font and the size of text?
Chapter 3: How can I change the color of part of the text?
Chapter 4: How can I change the background color of part of the text?
Chapter 5: How can I change the font, the size, the color and the background color of part of the text?
Chapter 6: Styling of text in HTML Codes?



Chapter 1: Changing the font in RapidWeaver


RapidWeaver lets you change the font to be used on your website at the bottom of the application window
but it doesn't let you change the size.

Chapter 2: Change the font and the size of text?


There are two ways you could that...

First you could paste the text in a text editor like TextEdit, apply the styling you want and paste it back into RapidWeaver.

Otherwise you could also use code to format the text like this

<span style="font-family: Verdana; font-size: 13px;">



Paste the above code before the section of text you want to change the styling for. Replace Verdana with the font you want to use and 13px with the size of the text you want to use. After the section of text close the span with

</span>



Chapter 3: How can I change the color of part of the text?


One way to do that is selecting the text and going to the RapidWeaver color-ball at the bottom of the window and select the color you’d like.

Another way to do that is using code

<span style="color:red">different text color</span>



different text color

To change the color just write the name of the color you want or use the color’s codes.
You can find color codes on
w3schools. Scroll down to “Web Safe Colors?” You will find the codes (6 digit codes) 0000FF is blue. When you put it in the code you need to put a # (alt+3) in front of it. So instead of writing “blue” put “#0000FF”.


Chapter 4: How can I change the background color of part of the text?


Changing the background color is useful for example when you want to add a quote someone said or wrote into your website and comment on it. Changing the background color you show to your visitors that this part was taken from somewhere else.

<span style="background-color:red">different background color</span>



different background color

To change the color just write the name of the color you want or use the color’s codes.
You can find color codes on
w3schools. Scroll down to “Web Safe Colors?” You will find the codes (6 digit codes) 0000FF is blue. When you put it in the code you need to put a # (alt+3) in front of it. So instead of writing “blue” put “#0000FF”.

Chapter 5: How can I change the font, the size, the color and the background color of part of the text?


Of course you can also combine all the above into one

<span style="font-family: Verdana; font-size: 13px; color:green; background-color:yellow">different text color and background color</span>



different text color and background color

To change the color just write the name of the color you want or use the color’s codes.
You can find color codes on
w3schools. Scroll down to “Web Safe Colors?” You will find the codes (6 digit codes) 0000FF is blue. When you put it in the code you need to put a # (alt+3) in front of it. So instead of writing “blue” put “#0000FF”.

Chapter 6: Styling of text in HTML Codes?


When you paste HTML codes into your page and the code contains some text you will notice that RapidWeaver eliminates the settings you applied to fonts on your page. To have the text in HTML codes displaying like the text of the rest of the page you have to format the code's text in the code itself by adding the span styles as discussed in the chapters above.

<span style="font-family: Verdana; font-size: 13px;">Paste your HTML code here</span>




This FAQ is also discussed in my RapidWeaverFAQ.org E-Book (sample)

RapidWeaverFAQ.org - Tutorials, Tips & Tricks is made with RapidWeaver and for RapidWeaver.
It's an EBookStoreToday.com company. It's presented by Cédric Giger and hosted by HostGator.com

Thank you for visiting and supporting my website,
- Cédric -


Now share it…

Share