How to create a frame around a text?
1 -
Log in your administration.
2 -
Click on the button ''My web site''.
3 -
Then click on the button ''Statics pages''.
Click on the static page in which you want to work.
4 -
The page editor will appear.
If the text you want to frame is not created, follow steps 5, 6 and 7. If the text already exists, double-click the text you want to frame and go to step 8.
Click on the icon ''T''.
5 -
The message''Your text here'' will appear, click on it twice.
6 -
An framework open, it is a text editor.
7 -
Enter the text you want to appear on the page.
Click on the button ''Border''. The tool to make a frame around your text will appear.
8 -
9 -
Start by creating the top of the frame :
Style :
The style can choose the line that will form the framework. In the ''Style'' section, click the arrow next to the word ''Top'', a selection of different styles will be offered, choose the one that suits you best. If you choose the style ''none'', there will be no frame.
Note : To get the result you want, click on the button ''Close''. To return to the tool to make a frame, double-click the text, then click on the button ''Border''.
In section ''Width'' next to the word ''Top'', enter a number from 1 to 100, this issue will determine the width of the line of the frame. The higher the number, the more the line is large. The higher the number is smaller, the line is thin.
Width :
Note : To get the result you want, click on the button ''Close''. To return to the tool to make a frame, double-click the text, then click on the button ''Border''.
Color :
To choose the color of the top line of the frame, in the section ''Color'', click on the arrow next to the word ''Top'' and choose the color that suits you best.
Note : To get the result you want, click on the button ''Close''. To return to the tool to make a frame, double-click the text, then click on the button ''Border''.
10 -
Repeat step 9 to create the left side of the frame (Left), the right side of the frame (Right) and the lower frame (Bottom).
Note : If you do not want a complete (four parts), choose ''none'' in the section ''Style'' of the side of the frame that you do not have.
Click on the button ''Close''. The tool for making a will close and you can see the final result.
11 -
Here is the final result :
12 -
In automatic, the text is placed to the left of the frame, but you can choose to put the text to the right or the center of the frame.
To place your text in the frame, you must :
Double click on the text, a frame will appear, the text editor.
a )
Click on the button ''Text'', tools to improve the text displayed.
b )
c )
Click on the arrow next to the word ''Align''. You can choose to save your text to the left of the frame (left) on the right side of the frame (right), or the center of the frame (center). The option ''justify'' is used to equalize the text on the right and applies when the text contains more than one line. If you choose ''justify'', your text will be placed to the left of the frame. The option ''justify'' explained a little lower.
- If you want your text to the left of the frame, select ''left''.
Here's the result :
- If you want your text to the right of the frame, select ''right''.
Here's the result :
- If you want your text in the center of the frame, select ''center''.
Here's the result :
13 -
If you want a space around the text in the frame, you must use the option ''Margin''. Here's how :
Double-click the text, a frame appear, the text editor.
a )
b )
Click on the button ''Text'', tools for improving the text appears.
In the section ''Margin'' enter a digit (eg 25). The higher the number, the greater the distance between text and context will be. The higher the number will be smaller, the distance between text and context will be small.
c )
Here's the result :
- Explanation of the option ''justify'' :
The option ''justify'' is in the section ''Align'' of the section ''Text''.
The option ''justify'' is used to balance the text on the right, especially when the text is long (more than one line). This helps to make the appearance of your text more attractive and the text is more enjoyable to read for your customers.
- Example without the option ''justify'':
- Example with the option ''justify'':
Tip : Save often in the editor and go to refresh your online store too often, that way you can see the results of your work at the same rate as your work beforehand, will be easier for you see where you've made.