Image borders

  • Resolved bdayne

    (@bdayne)


    11 years, 6 months ago

    This is a little thing, but it’s bugging me, and I can’t find anything in the documentation on styles.

    Can you please tell me how to make image padding, margins and borders consistent site-wide? As it stands, images in the sidebars and footers do not have borders. Images on posts/pages have 10px margins and borders, but no padding, so the text runs right up to the image. Staff images have the same margin and border as post/page images, , but the lack of padding isn’t an issue as the text is below the image.

    What I want are consistent margins and borders site-wide, and to be able to control the padding on the post/page images. What styles do I need to add in order to accomplish this?

Viewing 9 replies - 1 through 9 (of 9 total)
  • hannah

    (@hannahritner)

    11 years, 6 months ago

    Hey, can you post a link?

    Thread Starter bdayne

    (@bdayne)

    11 years, 6 months ago

    Sure. Here you go. I have image borders turned off, but I’ll turn them back on so you can see what’s happening.

    I rally don’t care for the image margins inside the borders, but I couldn’t identify the styles to change them. Would be grateful for some help with that.

    Thanks.

    hannah

    (@hannahritner)

    11 years, 6 months ago

    Try adding this to your custom css box in theme options > advanced settings.

    [class*=wp-image] {
padding: 0;
margin-right: 2%;
margin-bottom: 1%;
}

    Let me know if that works!
    Hannah

    Thread Starter bdayne

    (@bdayne)

    11 years, 6 months ago

    Thank you! That worked on the page images. I tried this on the sidebar images:

    .kad_img_upload_widget {
border: 1px solid #ddd;
}

    It didn’t work. Any idea how I can fix that?

    hannah

    (@hannahritner)

    11 years, 6 months ago

    That code seems to be working, it’s just a very faint line. Are you just trying to create a border for the sidebar images?

    Thread Starter bdayne

    (@bdayne)

    11 years, 6 months ago

    Oh! So it is. My apologies. Just took a while to cache I guess.

    Last thing, (probably) the style above applies to the the virtue image widget, yes? And that would be fine, unless there’s text, as in the footers widgets. How to I border just the images?

    Again, thanks.

    Thread Starter bdayne

    (@bdayne)

    11 years, 6 months ago

    The image border issue has been resolved. I tried a few things (I don’t really know a lot of css. I just play with stuff until it either breaks or works). Anyway, this is what worked for me:

    .kad_img_upload_widget img {
border: 1px solid #ddd;
}

    Now there’s a new issue. I’m not sure if I should create a new post, as this is a new problem, but here goes anyway.

    I’ve just discovered an issue with my “staff” page. I’m using the two column format to display rates for two different services. In fact, using this template for this purpose is why I bought the premium version of the theme.

    So, I’ve set up each service as a staff member, grouped them, and then created a separate page to use for rates, or “staff”. All was working well until today. For some reason, one of my “staff” isn’t displaying at all. I can’t figure it out. The only thing that’s changed is the image border style, and I added a favicon this morning. Everything else is just where I left it yesterday.

    Here’s the page where the staff info should be displaying.

    And here’s the staff page, itself.

    Any help would be most appreciated.

    Ben Ritner – Kadence WP

    (@britner)

    11 years, 6 months ago

    Hi, I’ve tried to responded to your question on the premium forum with no feedback, I’ll try here. Your staff post: http://www.cathyarcanum.com/staff/0regon-notary/

    has this in the middle of the content : </div>

    and it shouldn’t, it’s causing your issues.

    Kadence Themes

    Thread Starter bdayne

    (@bdayne)

    11 years, 6 months ago

    Thanks for getting back to me. I thought I’d ticked the box for email notification on forum replies, and have been wondering why I hadn’t heard anything.

    I’ve deleted the stray css, have no idea how it got there, but whatever. I took care of it and the page is now displaying as it should.

    Many thanks.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Image borders’ is closed to new replies.