| User | Post |
|
2:15 pm
March 25, 2010
|
thinkbig
| | |
| Member | posts 23 | |
|
|
How come when add a caption to an image in my visual post editor it creates a nice looking frame around the image and the caption is inside the frame, and when I publish the post the caption frame is not there and the caption then looks out of place and can almost be confused with the text of the post.
My question is how can I make it look the way it appears in the visual editor when I publish?
I hope this made sense, any suggestions?
|
|
|
3:13 pm
March 29, 2010
|
Ryan
| | |
| Admin
| posts 1547 | |
|
|
It's because I didn't style captions in the theme. Open the style.php file in the editor and paste the following code at the bottom and save:
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Then your site captions will look like they do in the visual editor.
|
|
|
4:42 am
March 30, 2010
|
thinkbig
| | |
| Member | posts 23 | |
|
|
Thanks, I copied in the code and it worked, looks much nicer now. This is me in the picture, lol…. http://getpaidwithfitness.net/p90x-day-44-yoga-x/
|
|
|
4:59 am
March 30, 2010
|
Ryan
| | |
| Admin
| posts 1547 | |
|
|
Ouch! I've never done P90x, but my brother-in-law says it's intense. Back in '03 I did Body-for-Life and got 2nd place in my age category out of several hundred thousand entries. Was an intense 12 weeks but a great experience.
|
|
|
6:53 am
November 4, 2010
|
andyraybould
| | |
| Member | posts 4 | |
|
|
Hi
I seem to have a blank caption on my pictures> I suspect it is white text on white background! Can you advise on how to fix this?
Thanks, Andy
|
|
|
10:52 am
November 4, 2010
|
andyraybould
| | |
| Member | posts 4 | |
|
|
Sorry, fixed it now…using css. Thanks.
|
|
Forum
Print this Post 
