create a border on home page (widgets)

Get firebug

You’ll have the class in a few seconds, you can preview your change and apply the code to your css.

Hi,
I have firebug now and can see the css.

What code do I apply to the coding and where?
I’m new at this.

thanks

If you want a border on something, click in the code you want to edit and you can add the border code, like this:

.your-css {
(existing code here)
border: #999999;(you add this)

}

You’ll have to experiment with it, it’s difficult to explain but easy to do. check one of my previous threads, I explain more than I really should in a wp forum. Take advantage of it.

oh,and you always apply css in wordpress at the end of style.css. Don’t bother changing existing code, just add new at the bottom and it will take precendence over whatever came before. Makes it easier to add and remove if it doesn’t work like you thought.

I think I know what you mean but I don’t know how to add a the border code or preview it using Firebug.
I see the css once I select the paragraph I want to have a border around.
Seems I can edit the elements in css but I don’t know how to add and preview it.
It’s probably obvious, but I don’t see it.

thanks for your help…

you get the preview as you add the changes, nothing special you need to do.
just click on the css code and it will let you type or paste in, you’ll see the change immediately.

if you need more code, just google css borders:
css_border

hi again,
Figured out how to add…
I added a new property (border: #999999;) but then it adds in a semi-colon after the numbers, that I can’t seem to delete. but I don;t see any changes on the webpage.

So- just need to see how to preview.

thanks

Thank you deepbevel!

If i click on the body of my post in fb I get

div.post p {
    margin: 0 0 20px;
}

in the window below.

So, if i click that code in the window, It lets me type in, so I can change it, like this:

div.post p {
    margin: 10px 10px 10px;
}

then i can see what that looks like right there in the browser, as a preview. I can then copy that code and paste it into my style.css file.

hope that helps!

sometimes things don’t show up in Firebug, or somethings can’t be changed that easily. Other things may have to be moved around first, it can still get pretty sticky sometimes, but it’s going to help you none the less.

Good luck!