Image Caption Block Issue

[gswaim]

I am using the Corporate child theme and I would like to improve the look of the caption text and caption area. I want to add space between the caption text and the image ("A" in image). I also want to reduce the height of the caption box ("B" in the image). I have screwed around quite a while with FireBug and tweaking on the CSS code, but I just can't seem to get it. Any help would be appreciated.

http://digitalliteracyproject.com/about-digital-literacy-project/

[photastic]

to change A, add this at the BOTTOM of your theme's style.css :

p.wp-caption-text {
padding: 10px 0 4px 0; //* change values accordingly in this order top - right - bottom - left
}

Often it's important to have css in the correct order to get the right result.

---

Trying to craft webstuff at Photastic Webdesign
Learning Genesis by solving unanswered topics

[gswaim]

photastic,

Thanks for the reply. I added this code at the bottom of the style list and saw no change. I also added the padding line to the "p.wp-caption-text" section and still no change. I also tried rearranging the order of the attributes and still no change.

[photastic]

ok, then go inside the styles.css file of your theme, and add : !important to the padding line you have added so it will look like this:

p.wp-caption-text {
padding: 10px 0 4px 0 !important; //* change values accordingly in this order top - right - bottom - left
}

the !important tag should make it so the rule is always applied.

---

Trying to craft webstuff at Photastic Webdesign
Learning Genesis by solving unanswered topics

[gswaim]

Well Alrighty Then.... That worked. Thanks

[Author]

Posts