If you want to get attention of you blog reader in any particular post for certain text, you can create a frame or box for that special text. It is very simple and easy to create a boxes using some CSS.
Create a CSS class in your style sheet, so you can use it over and over again on the site. Lets make a class “right_box” beacuse I am making it float right of all other text. I could then make a class called “leftbox” for when I want the frame to float to the left.

In my CSS rule for rightbox I do the following:
float: right;
width: 200px;
margin-left: 15px;
border: 1px solid #FGFGFG;
padding: 10px;
background-color: #efefef;

After creating a rule in style.css, create a text box in your post. Switch to the HTML mode of Text Editor and define your class.

<div class=”txtbox”>and put your content and close the div tag </div>
and put your content and close the div tag

. Save your post and see the result as follow:

If you want to get attention of you blog reader in any particular post for certain text, you can create a frame or box for that special text. It is very simple and easy to create a boxes using some CSS.

You will not see div tags in Visual mode while editing the post, and you will not see the box effect because Visual mode does not display posts using the theme’s style sheet. However, you can verify the text is being controlled by the CSS rule by checking the status bar at the bottom left of the Text Editor while your cursor is anywhere in that text. It should say “path: div.right_box.”

 

Reference: WordPress® 24-Hour Trainer By George Plumley

Noor Mustafa Raza

Noor Mustafa Raza

I am a WordPress Developer and Designer, author @WPArena. I am providing Free WordPress consultation and can help you to install WordPress in a secure way to small businesses and bloggers.

Join the Conversation

2 Comments

  1. Hi,
    I’m having problem with adding thisto my post. Could you write step by step what should i Do ??
    Regards,
    Kris

Leave a comment

Your email address will not be published. Required fields are marked *