Image caption informations : how to style them ?


Author Message
Benj

Posted: 7/6/2010
Quote message 

Hello all,

I can't find the way to change the image caption style from within Artisteer.

Is it unsupported ? Or am I just not looking at the right place ? (I looked in the "Article" menu options)

By image caption i mean the border / background color and text color of everything appearing when, as an example, you add a title to an image inserted in a wordpress post.

Thank you very much,

Benj
 
COACH

Posted: 7/9/2010
Quote message 

Artisteer does not support WordPress image captions. You can add code to your style.css to style those captions as needed.

Here is a snippet of code for a WordPress image with a caption:
<div style="width: 235px;" class="wp-caption alignleft" id="attachment_235"><a href="date-line-studio-city-0600-hours/hummer-h2-pick-up/" rel="attachment wp-att-235"><img width="225" height="172" alt="" src="wp-content/uploads/2010/06/HUMMER-H2-Pick-Up-225x172.jpg" title="HUMMER- H2 Pick Up" class="size-medium wp-image-235"></a><p class="wp-caption-text">WCDI HP 200</p></div>


Note the ID and CLASS. ERGO, add to your stylesheet:
.wp-caption p.wp-caption-text {

font-size:11px;
line-height:17px;
margin:0;
padding:6px 4px 0;
text-align:center;
}
style.css (line 1796)

 
Scott

Posted: 10/25/2014
Quote message 

Actually the image caption is in the style.css:

Look for:
.wp-caption, .wp-caption p
{
text-align: left;
}

You can find it just above the ".gallery" towards the bottom of the stylesheet