Picture issue

Hello,

That edge is actually being generated by your theme’s CSS stylesheet.

It’s being generated on line #1602 in https://ksuphietasigma.com/wp-content/themes/vantage/style.css?ver=2.1.7

You can change this in a couple ways:

1. Change the CSS in the file above like so:

.entry-content img {
    border-radius: 3px;
    box-shadow: none;
    height: auto;
    max-width: 100%;
}

This basically just sets the box-shadow to none. Please note, this change will remove that box-shadow / border on all images within the content. If you want it changed ONLY for the EZ staff list plugin I would do the next option.

2. (Recommended) Modify the CSS on the EZ staff list. Line #52 in https://ksuphietasigma.com/wp-content/plugins/ez-staff-list/ez-staff-list.css?ver=3.8 should be:

table.staff_list td img {
    float: left;
    padding: 11px 15px 5px 0;
    width: 150px;
    box-shadow: none !important;
}

Let me know if this works and if this is the fix you were looking for.

I made the changes to the CSS for EZ staff and I still see shadow on the right side.

Thanks

I found this code in the vantage style css

.entry-content img {
height: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
box-shadow: 0 1px 2px rgba(0,0,0,0.175);
max-width: 100%;

Looks good on my side, however now that I see all the properties, you’ll need to do this:

table.staff_list td img {
    float: left;
    padding: 11px 15px 5px 0;
    width: 150px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

What browser are you viewing in? Also make sure to clear your cache because both Javascript and CSS tend to cache a lot. I always have cache disabled, however I’m a developer so that is common practice.

I cleared the cache and it looks good. Thanks for the help!

You’re welcome.