How to make this little box - screen inside

blogzandstuff said:

Looks like a a simple css text box that is good for advertising or alerting your readers to a promotion or a particular point you want to make, you could have a product or service you are selling for example. You can position a simple css text box anywhere in a post or page, just add the class to the text and it will highlight it in a styled box.
In your child theme style sheet add the code below
.textbox{padding:2px 6px 4px 6px; color: #000; background-color: #fff; border: 1px solid #000;border-bottom:3px solid #000; border-radius:5px;}
Then in your post or page add this <p class="textbox">ADD YOUR TEXT HERE</p>
Change the " ADD YOUR TEXT HERE " to whatever text and change the colour to whatever you want. If you want to add a simple css text box to some existing text then just put <p class="textbox"> before the first word and </p>
after the last word of the text you want in the box.


You can also use a plugin called easyazon which automatically does it

Click to expand...

Brithos10 said:

Thanks for the usefull post.

Where i need to add the code in css style ? Head ? Footer ?

Click to expand...

blogzandstuff said:

The code goes in your style sheet, you are using css for the box so add it there and edit the code for colours, line thickness etc

Click to expand...

Brithos10 said:

I've succesfully added your box css code in my sites. Now i'm going to learn more about CSS and how can i implement more design on this box! Thanks for pointing me in the right direction

Click to expand...