How to add padding to an image

[jjaffke]

HI,

Trying to add white space around my images that appear in posts of pages. Searched around through documentation and couldn’t find an answer.

Thanks Much!

Janet

[Laura]

Hello, i can help you with that 🙂
Can you send me a link directly to the page with the images?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[jjaffke]

Hi Laura,

Here is a sample page: http://www.jaffkestudio.com/about/

I use Kleo for several clients and I’m always wishing I knew how to add more space around the images.

Do I need to add some kind of css to the theme file?

Thanks for your help

[Laura]

Hello, its very easy, at the element where the image is, add a class ( you should see a class input at the element options ) lets say your class is “images”
and then add this to style.css of child theme

COPY CODE

.images {
padding:10px;
}

If you have an element that has text and images you may use this instead

COPY CODE

.images img {
padding:10px;
}

Hope it helps 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts