WordPress.com Forums » Topic: Twenty Eleven Caption Border

thesacredpath on "Twenty Eleven Caption Border"

thesacredpath — Sat, 21 Jan 2012 20:33:37 +0000

You are welcome and you too.

nefertizahra on "Twenty Eleven Caption Border"

nefertizahra — Sat, 21 Jan 2012 20:06:40 +0000

@thesacredpath, Thank you! I wasn't sure if I should delete that info text, but did anyway to paste Panos' code. You guys have made me very happy today : - > Have a great weekend!

nefertizahra on "Twenty Eleven Caption Border"

nefertizahra — Sat, 21 Jan 2012 20:04:55 +0000

@panaghiotisadam Thank you! :) I figured everything out & pasted in your code - it looks exactly the way I wanted in all captioned photos in all posts. Thanx so much for your help, I really appreciate it!

thesacredpath on "Twenty Eleven Caption Border"

thesacredpath — Sat, 21 Jan 2012 20:04:22 +0000

What is in the CSS edit window at first is just informational text. Delete that and past in the code Panos gave and that will change all captioned images, old and new.

nefertizahra on "Twenty Eleven Caption Border"

nefertizahra — Sat, 21 Jan 2012 19:54:27 +0000

Hi, thanx for this but I don't understand what CSS will do. If I just copy/paste this in to replace the text already in my CSS stylesheet box (it's the default, I guess), will it change only my photo borders? In both old & new posts? Or will it change everything everywhere?

Just trying to understand what this will do, because I won't know how to undo it & I like everything on my blog the way it is except for the photo borders....

panaghiotisadam on "Twenty Eleven Caption Border"

panaghiotisadam — Sat, 14 Jan 2012 01:37:31 +0000

Try pasting this into your CSS editor and see if you like it:

.wp-caption {
background: transparent;
margin-bottom: 0.1em;
}

.wp-caption .wp-caption-text {
text-align: center;
background-color: #f3f3f3;
border:1px solid #ddd;
margin: 0 4px 0 6px;
padding: 5px;
}

.wp-caption .wp-caption-text:before {
display:none;
}

.wp-caption img {
border: none;

nefertizahra on "Twenty Eleven Caption Border"

nefertizahra — Sat, 14 Jan 2012 00:12:27 +0000

Hi,

I have been long-plagued by the ugly border of captioned photos in Twenty Eleven. I don't know CSS (I have the upgrade, but lotta good it does me since I don't know CSS), or HTML. I mean, I know the most minimally basic HTML - remedial HTML, if you will, but have no idea how to get a caption without that hideous border.

I saw the most perfect solution in the Coraline theme on another site (http://onecowboysway.wordpress.com/) where the caption is in a nice little box below the photo. I would give anything to have that caption option. Can I, in Twenty Eleven? Because the Coraline theme is not the one I want - I only want its way of presenting captioned photos.

Does anyone have a magic pill solution to this dilemma? Here are some link to examples on my site of just how hideous the Twenty Eleven borders are in my posts:
http://sylverblaque.wordpress.com/2012/01/13/diary-of-an-american-girls-journeys-to-the-forbidden-land-excerpt-7/
http://sylverblaque.wordpress.com/2011/09/25/memory-of-madagascar-rainforest/

Thanx!