Click to Register Your Support Account

Already a member? Login below.

Go Back   One Theme Support Forums > One Theme Version 1 (OLD) > Bug Reporting

 
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 08-25-2008, 07:07 AM
Junior Member
 
Join Date: Aug 2008
Posts: 9
Default Image caption text not "obeying" css

Hi
I am using One Theme 1.1 and WP 2.6.

I am using the WP inbuilt image uploader to get images onto pages and posts.
However the caption underneath the image will not follow any of the rules set for it.
my css for this looks like this:

Quote:
.wp-caption p .wp-caption-text {margin:0;padding:5px 0 0 0;font-size:10px;font-style:italic;font-weight:bold;line-height:12px;background-color:#b4d5fe;}
Would you please give me some advice on how I can get the image captions to be formatted correctly?

Thanks
  #2 (permalink)  
Old 08-25-2008, 07:10 AM
Lee's Avatar
Lee Lee is offline
One Theme Support
 
Join Date: Jul 2008
Posts: 420
Send a message via MSN to Lee Send a message via Skype™ to Lee
Default

Hi Yundo

Have you overwrote the original CSS for image captions?

Are you adding the CSS to the correct file? i.e css/black.css?
__________________
One Theme Hosting | One Theme Tutorials
  #3 (permalink)  
Old 08-25-2008, 08:16 AM
Junior Member
 
Join Date: Aug 2008
Posts: 9
Default

Quote:
Hi Yundo
Hi Lee, thanks for your help.

Quote:
Have you overwrote the original CSS for image captions?
I simply added
Code:
background-color:#b4d5fe;
to the end of the original css line which looked like this

Code:
.wp-caption p .wp-caption-text {margin:0;padding:5px 0 0 0;font-size:10px;font-style:italic;font-weight:bold;line-height:12px;}
So now my code looks like this

Code:
.wp-caption p .wp-caption-text {margin:0;padding:5px 0 0 0;font-size:10px;font-style:italic;font-weight:bold;line-height:12px;background-color:#b4d5fe;}
Quote:
Are you adding the CSS to the correct file? i.e css/black.css?
I am adding the code to the blue.css file as I am using the blue theme. This code come around line 277 in the blue.css file.

The strange this is that it is not just the background color that I added that is not showing. rather even the italics font size and the bold font weight do not register.
  #4 (permalink)  
Old 08-25-2008, 08:27 AM
Lee's Avatar
Lee Lee is offline
One Theme Support
 
Join Date: Jul 2008
Posts: 420
Send a message via MSN to Lee Send a message via Skype™ to Lee
Default

Hi Yundo

What sort of style are you trying to achieve?

I will create some CSS for you.
__________________
One Theme Hosting | One Theme Tutorials
  #5 (permalink)  
Old 08-25-2008, 08:58 AM
Lee's Avatar
Lee Lee is offline
One Theme Support
 
Join Date: Jul 2008
Posts: 420
Send a message via MSN to Lee Send a message via Skype™ to Lee
Default

I'm quite dissapointed i missed this for version 1.1 but it will be included in the next release for sure.

Open your style sheets, blue, black, green etc... and search for:

Quote:
.wp-caption {margin:0;padding:0;}
.wp-caption img {margin:0;padding:0;border:0;}
.wp-caption p .wp-caption-text {margin:0;padding:5px 0 0 0;font-size:10px;font-style:italic;font-weight:bold;line-height:12px;}
Replace with:

Quote:
.wp-caption {-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#F3F3F3;border:1px solid #DDDDDD;margin:10px;padding-top:4px;text-align:center;}
.wp-caption img {padding:1px;display:block;margin:0 auto 0 auto;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption-text {margin:0;padding:9px 0 0 0;font-size:10px;font-style:italic;font-weight:bold;line-height:12px;}
__________________
One Theme Hosting | One Theme Tutorials
  #6 (permalink)  
Old 08-25-2008, 09:10 AM
Junior Member
 
Join Date: Aug 2008
Posts: 9
Default

Fantastic! That code has everything sorted. cheers.
  #7 (permalink)  
Old 04-18-2009, 09:47 PM
Junior Member
 
Join Date: Apr 2009
Posts: 1
Default How to do it?

When you would like to buy soma you are merely welcome to order soma
on this source. just buy soma online on this site or if you would like - order soma online here
 

Tags
css, image captions

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 12:42 PM.

Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0