WordPress.com Forums » Tag: dash in captions - Recent Posts

justpi on "Remove hyphen and centre photo caption text"

justpi — Wed, 10 Oct 2012 03:48:09 +0000

See here:
http://en.forums.wordpress.com/topic/quick-fix-for-the-annoying-caption-hyphen-in-twentyeleven-theme?replies=5#post-1031457

all4ballet on "Remove hyphen and centre photo caption text"

all4ballet — Mon, 08 Oct 2012 18:24:25 +0000

I'm new to CSS customisation and I'm have trouble understanding where to insert amended code and what code needs to be deleted (if any). My blog is http://all4ballet.com/.
I have read a forum about removing the hyphen and centring the caption text under all the photos in my blog but have had several unsuccessful attempts at attempting to do this as I can't understand where to insert the CCS to make a global change. Would you kindly help me please? Thanks
Blog url: http://all4ballet.wordpress.com/

lordoftheshrine on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

lordoftheshrine — Sat, 06 Oct 2012 16:36:42 +0000

Yea, I had to change the horizontal spacing too. Thanks for the input everyone.

1tess on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

1tess — Sat, 06 Oct 2012 03:01:52 +0000

~~thanks panos

justpi on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

justpi — Sat, 06 Oct 2012 00:25:47 +0000

First, if you only remove the special character code, the caption will remain in its original positioning, which doesn't make sense without the hyphen: you also need to change the horizontal positioning of the caption text (if I hid the stupid hyphen I'd make the text centered).
Second, things don't work that way on wordpress.com: you don't modify the original stylesheet, you add your changes in the CSS editor. To remove the hyphen and center the caption, you'd add this:

.wp-caption .wp-caption-text:before {
    display:none;
}
.wp-caption .wp-caption-text {
    text-align:center;
    padding:5px 7px 0;
}

1tess on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

1tess — Fri, 05 Oct 2012 23:34:03 +0000

Thank you for answering.

I don't know much about CSS so I don't know if your solution will work with our wp.com version of the theme. So if another volunteer knows, please jump in to say whether this is useful here or not.

lordoftheshrine on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

lordoftheshrine — Fri, 05 Oct 2012 23:30:15 +0000

Ooooh sorry for any confusion, I have all my blogs on my own hosting so I guess it would be the 'standalone' WordPress that you install onto your server.
Sorry if I posted in the totally wrong place, I came across this forum googling for the hyphen fix.

1tess on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

1tess — Fri, 05 Oct 2012 23:26:16 +0000

Are you referring to a wordpress.com site or a wp.ORG site?

Also, is there a significant difference with this "dashed caption" problem between the CSS of wp.COM and wp.ORG?

lordoftheshrine on "Quick fix for the annoying caption hyphen in Twentyeleven theme"

lordoftheshrine — Fri, 05 Oct 2012 23:18:33 +0000

Hi,
Reading through the forums i did not see an easy fix given for removing the hyphen that appears before the text in picture captions.
Here's what I did that removed it:

In style.css look for:
}
.wp-caption .wp-caption-text:before {
color: #666;
content:' \2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 0px;
top: 7px;

Simply remove the \2014 (special character code) from the content line. They haven't shown up since.
Please be careful when modifying anything in WordPress so you don't F-up your blog, obviously i have just given my fix and cannot be held responsible...blah, blah
Happy Blogging!