Home>Support>How do I put padding around images when inline with text?

How do I put padding around images when inline with text?

By IquitosGuide, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hello,

I have recently installed Site Origin on my ist (which is suppose to be compatable with my theme) and now the text touches the images if you try to have them inline.

See: http://iquitosguide.com/listings/pilpintuwasi-butterfly-farm

The theme has a a CSS editor, but CSS is on my to do list of things to learn.

Can anyone help me change it so all images in posts, pages and listings will have a bit of padding so the text has space around them?

Thank you,

Nick

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi IquitosGuide

    Very sorry about the late reply. We work through a prioritized forum queue, and unfortunately it’s taken us some time to get to your thread.

    https://siteorigin.com/about/forum-thread-prioritization/

    Because it’s been a while since you posted this, would you mind letting us know if you still need help? If so, we’ll jump right in.

  2. 8 years, 5 months ago IquitosGuide

    Hi Andrew,

    Thanks for coming back.

    Yes, still need help. I’ve been using

    style="padding:5px;"

    within the page which does work but it’s not good practice or ideal solution.

    I’m also having problems with colums and rows.

    If I align images or other entities in a colum it doesn’t seem to center, but if I use tags it does….on Desktop but not mobile.

    As example I’ve made ads and related items using colums, they look fine on my desktop but go hay-wire on mobile and tablet:

    http://iquitosguide.com/iquitos-peru

    Let me know if I need to start a new thread for second questions. :)

    Thanks again,

    Nick

  3. 8 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the feedback Nick.

    For images, try the following in a custom CSS plugin like SiteOrigin CSS:

    .entry-content img {
    padding: 5px;
}

    Columns are full width below a given pixel resolution. One option might be to change that resolution to suit your layout. Try going to SettingsPage BuilderLayoutMobile Width. Change it to 480.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More