Post Caption CSS Customization

vlogazul · Member · Mar 11, 2014 at 7:44 am
Copy link

Add topic to favorites
Hello! I am currently using the forever theme and I would like to know if there’s a snippet for the upcoming topic!

If you click on the “Marco Fabián se quejo del Arbitraje” post on the main page you will see that picture for that particular post has a caption. Before I added the caption into that picture, the picture looked fully wide and it aligned with the article text as you can see on the “La derrota del Superlider” post which is located on the slider but after I added the caption it seemed that the picture and the caption included shrinked just a bit and doesn’t align with the article text.

I am wondering if there’s a snippet to make a picture when adding a caption look just the way the “La derrota del Superlider” post picture looks like? Thanks

The blog I need help with is: (visible only to logged in users)
hfzrhmn · Member · Mar 11, 2014 at 8:46 am
Copy link
Hey there!

Adding the following custom CSS should do it:
```
.wp-caption img {
	max-width: 100%;
}
```
vlogazul · Member · Mar 11, 2014 at 9:10 am
Copy link
The picture worked perfect! thanks

Just a quick question! Can the caption text be aligned identical to the picture & the article text all the way to the left? or that’s the most aligment to the left it can get?
hfzrhmn · Member · Mar 11, 2014 at 9:50 am
Copy link
Sure. In your Custom CSS you already have this:
```
.wp-caption-text {
	padding-left: 5px;
	text-align: left
}
```
If you change the padding-left to 0, it should put the caption text alignment to the left.
vlogazul · Member · Mar 12, 2014 at 8:14 am
Copy link
It worked perfectly, thanks!
hfzrhmn · Member · Mar 12, 2014 at 8:15 am
Copy link
You’re welcome!

No items found.