WordPress.com Forums » Tag: basic css - Recent Posts

houstonweaver on "How can I add a border around text on a static page?"

houstonweaver — Thu, 04 Oct 2012 12:35:56 +0000

Oh super. Designsimply did the heavy lifting, but I'm glad my little hint helped.

myhcaa on "How can I add a border around text on a static page?"

myhcaa — Thu, 04 Oct 2012 03:27:38 +0000

Perfect! Did the trick just like I wanted. Thanks so much for this tip!

houstonweaver on "How can I add a border around text on a static page?"

houstonweaver — Mon, 24 Sep 2012 13:43:44 +0000

Try surrounding your full area you want outlined with a div class called callout. Just keep the exact same CSS supplied by designsimply and use this with your html instead of the "p" designation.

all your paragraphs, list, etc. here

myhcaa on "How can I add a border around text on a static page?"

myhcaa — Mon, 24 Sep 2012 06:14:47 +0000

Thank you for the CSS code! I can see that is works well for a single paragraph of text.

I would like to use this same "box" idea to surround a paragraph of text that contains a bulleted list, or perhaps several paragraphs of text that are separated by a blank line. How do I do this?

designsimply on "How can I add a border around text on a static page?"

designsimply — Fri, 21 Sep 2012 16:49:01 +0000

I forgot to mention that you can change out the color code if you'd like, and you can also adjust the type of border from dotted to solid or make it bigger by changing the 1px value.

designsimply on "How can I add a border around text on a static page?"

designsimply — Fri, 21 Sep 2012 16:47:59 +0000

I would recommend editing the HTML of your post to include a class for the media picks. Then you can add CSS that will add a border any time you use that class.

Here is an example of the HTML:

Here is the CSS you could add to your Appearance → Custom Design → CSS editor:

.callout {
border: 1px dotted red;
padding: 1em;
}

Here is more info about the HTML editor:
http://en.support.wordpress.com/editors/#text-editor

myhcaa on "How can I add a border around text on a static page?"

myhcaa — Thu, 06 Sep 2012 04:47:00 +0000

How can I add a border around a piece of text on a static page? I want to draw attention to the text, but I don't want to fill the background with color since I already used that for previous text on the same page. I anticipate that this can be done with CSS, but will this cause an issue with the previous CSS I put in to get a colored box? See http://myhcaa.com - center column. I want to put a colored border around the Media Picks area. Thanks!
Blog url: http://myhcaa.wordpress.com/

londonirishcentre on "London Irish Charity in need of newbie help..."

londonirishcentre — Tue, 28 Oct 2008 15:27:38 +0000

Thanks.

I'm pretty much sorted!

http://www.londonirishcentre.wordpress.com

rosclarke on "London Irish Charity in need of newbie help..."

rosclarke — Thu, 23 Oct 2008 15:55:49 +0000

Could be. Did you try it? The preview feature in the CSS editor is a really useful tool for getting your code right before it goes public.

Just paste those sections of the code into the editing box (having changed the colour codes). Make sure you have 'Add to existing stylesheet' checked. And then click on Preview. If it works, then make sure you Save Changes.

londonirishcentre on "London Irish Charity in need of newbie help..."

londonirishcentre — Thu, 23 Oct 2008 15:51:17 +0000

I've done that. Thanks.

Is this where I need to change the bg colour?

/* Main Content Area */

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
background-color: #d5d6d7;
color: #000;
text-align: center;
margin: 0;
padding: 0;
}

#page {
border: 1px solid #959596;
text-align: left;
background-color: white;
margin: 20px auto;
padding: 0;
width: 760px;
border: 1px solid #959596;
}

rosclarke on "London Irish Charity in need of newbie help..."

rosclarke — Wed, 22 Oct 2008 16:12:40 +0000

If you use Firefox, another really good thing to do is to install Firebug and the Web Developer's Toolbar. They will allow you to analyse the CSS on your blog and edit it.

londonirishcentre on "London Irish Charity in need of newbie help..."

londonirishcentre — Wed, 22 Oct 2008 16:06:37 +0000

Thanks.

I have, but no joy as yet.

rosclarke on "London Irish Charity in need of newbie help..."

rosclarke — Wed, 22 Oct 2008 15:10:14 +0000

Did you read the sticky threads at the top of the CSS forum on Getting Started and Learning CSS? There are lots of helpful links to CSS tutorials there.

There is no staff support for the CSS feature and there are very few volunteers on the forums who know enough to help either, I'm afraid.

londonirishcentre on "London Irish Charity in need of newbie help..."

londonirishcentre — Wed, 22 Oct 2008 14:15:44 +0000

Hello,
Greetings from The London Irish Charity in Camden Town. We provide welfare services to older members of the Irish community in London, as well as running a programme of social and cultural events.

We are working on a new (and very simple) website at http://www.londonirishcentre.wordpress.com, using the Sapphire theme. I’ve done as much reading as I can follow on these forums; I’ve bought the CSS editor, and would greatly appreciate answers or guidance on the following questions:

How do I…
Change the background colour?

Change the colour and font of links?

Change the font of both post title and body text?

Thanks in advance,
Gary

Cultural Officer
London Irish Centre