A simple solution from the plugin side would be to have one Image style as “Custom” and then provide directions on where to edit the custom style to avoid these kind of questions, but for now:

What is the recommended way to customize the style/theme? Obviously doing so within the plugin after an update would remove it, so how does one go ahead and remove the default stylings and then call the new styling?

Thank you.

Any advice would be greatly appreciated.

Thank you,

Tod

<figure>
<img src="https://scruffydog.org/wp-content/uploads/2020/10/tree-leaves.jpeg" alt="Cabin and Trees" img style: width="200px" align="left" style="margin: 0 1.5em -0.5em; padding: .5em .5em .5em .5em; border: solid #910000; " />
<figcaption>Cabin and Trees</figcaption>
</figure>

I basically want the background behind the text under the product images to be light gray, to match the light grey border on the images… does that make sense?

Here’s one of my pages: https://jessiesfineart.com/product-category/animals/

Thanks for any suggestions!!

Suggestions appreciated!

Here’s one of my pages: https://jessiesfineart.com/product-category/sd-paintings/

(I would love to do some other styling to the images, like adding a white border)

I want to style my posts, making only the first one to look different.

I managed to differentiate the first post with another div, so now I already can stylize my first post in a different way. But I have a problem. My normal posts have a introdutory image, a small square one with only 140px onthe sides. But I want my first post to have a image, a little bigger and retanular image. This image must be different than the image used on the otber posts.

Can I call a imagem from the wordpress database, associated with that post, and replace the original Squared image?

I have to do that in some way that when the first post became outdated, it will be turned in the second post, and the square image will appear.

It’s possible to make it with css?! Thanks.

#content a:hover, a:active {
	color:#8e5b2e;
	border-bottom:#a16c3d 1px solid;
}

but it’s looking really weired on images…as the line is coming under clickable images too!

is there any way to separate the images out from the above style.