Plugin Author
Luke
(@codifyllc)
Hello,
That edge is actually being generated by your theme’s CSS stylesheet.
It’s being generated on line #1602 in http://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 http://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%;
Plugin Author
Luke
(@codifyllc)
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!
