[Shannon_WeSupplyParticipant]

Hi,

I am trying to figure out how to reduce the size of a gap that is below a thumbnail image, and above a text box.

Both the image and the text are in the same column of the same row. (I want to repeat this effect for all of the image+text groupings on the page. There are 10 image+text groupings.)

If you look at my site (posted in a private thread below), you will see an image under the heading “Shop by Brand”. Under the image is the text “Evolution HDMI 1×2 4k2k Splitter”. I want the text between the image and the text to be only 15px.

I played with the margins on the image and the text, and can’t figure out why they won’t scoot closer together.

Can you please help me?

Thank you!
Shannon

[Shannon_WeSupplyParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

a.x-img.x-img-link.x-img-thumbnail {
   margin-bottom: 15px;
}

Hope it helps.

[Shannon_WeSupplyParticipant]

That worked great, thank you!

I would absolutely love it if the theme had some kind of glossary of class selectors for various pieces so I could just look them up. I usually get close to figuring it out. In this case, I didn’t have the “x-img-thumbnail” portion.

I really appreciate the help!

[DarshanaModerator]

Hi there,

We have included some common css classes on our knowledge base section (https://community.theme.co/kb/css-class-index/), however we are planning to update those content in the future.

Thanks!

[Shannon_WeSupplyParticipant]

Thank you for the link!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts