Issue trying to put border around images

  • Resolved techguyonanisland

    (@techguyonanisland)


    3 years, 2 months ago

    I am having an issue site wide that I’m not sure what I’ve done wrong or how to fix. I have put borders around all the images on the site, and for some reason, it’s adding an extra blank section under almost all the pictures. I can’t figure out why the few pictures that the border is showing up correctly on, are showing up that way. I have went into advanced control and tried moving paddings, margins, and vertical alignment, but nothing seems to affect this extra section. Thanks!

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)
  • Theme Author Andrew Misplon

    (@misplon)

    Hi, thanks for reaching out.

    You can try adding the following at Appearance > Custom CSS if you’re using SiteOrigin CSS or Customize > Additional CSS if not:

    blockquote.aligncenter, figure.wp-caption.aligncenter, img.aligncenter {
	margin-bottom: 0;
}
    Thread Starter techguyonanisland

    (@techguyonanisland)

    So it’s adding a blank text box that represents the “Caption” box. The only was I can figure out a work around is to add text to that box, then manually delete it from page and post builder. Any help on this would be amazing! Adding the code didn’t help with anything.

    Theme Author Andrew Misplon

    (@misplon)

    Hi, is the site URL in your question still correct?

    Thread Starter techguyonanisland

    (@techguyonanisland)

    Sorry I have taken it live now. Check out https://www.ipy.com/about and you can see what I am talking about. I have fixed the first 3 sections and left the rest alone. I am going thru the other pages now and fixing them one by one but it’s going to take me a while to do it this way. Seems like a bug.

    Theme Author Andrew Misplon

    (@misplon)

    Thanks for the update.

    Please, insert the CSS provided previously and let me know when that’s done. I’ll re-check.

    Cheers

    Andrew

    Thread Starter techguyonanisland

    (@techguyonanisland)

    It has been added.

    Theme Author Andrew Misplon

    (@misplon)

    Thanks.

    – Where has it been added?

    – Please, clear your caching plugin.

    Thread Starter techguyonanisland

    (@techguyonanisland)

    Appearance<<Customize<<Additional CSS

    Theme Author Andrew Misplon

    (@misplon)

    The CSS isn’t present in the page source. Has cache been cleared?

    Thread Starter techguyonanisland

    (@techguyonanisland)

    Just cleared, give it another try.

    Theme Author Andrew Misplon

    (@misplon)

    Thanks. The rule is in place and functioning.

    Thread Starter techguyonanisland

    (@techguyonanisland)

    Does appear to be working better, but I am still seeing issues on the ipy.com/customization page

    Theme Author Andrew Misplon

    (@misplon)

    The spacing on the Customizations page is from the paragraph tag wrapping the image. This isn’t an issue on the About page because there is plugin styling overriding the theme’s paragraph styling:

    .dynamic-gridblock p {
    margin: 0;
    padding: 0;
}

    You can add to Additional CSS:

    .boldgrid-section p:only-child {
	margin-bottom: 0;
}
    Thread Starter techguyonanisland

    (@techguyonanisland)

    That appears to be it! Thank you! You have been awesome!

    Theme Author Andrew Misplon

    (@misplon)

    Glad to hear the above rules helped.

    All the best in finishing your project.

    Cheers

    Andrew

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Issue trying to put border around images’ is closed to new replies.