1. the below code worked by why? LOL! i only want light-gray border removed from 1 page, 2 images in the right column. placing your above code in vantage child theme ONLY did what i wanted. why didn’t this code remove colored borders and gray borders(with captions) on all pages sitewide? it should have?
2. i’m using Vantage, Pagebuilder, Black Studio TinyMCE Widget which has an Attributes > CSS Styles for EACH page created. i thought this is the best place to modify because i only want this page’s right column images with no border (i want boarders site wide otherwise). i copied your code to Attributes > CSS Styles and it didn’t work. is there other code you have, an example of which will allow pasting in this TinyMCE > Attribute/CSS area so i can make sure i only remove gray boarders from the one page?
——————————-
In Vantage Free insert the following into a Custom CSS plugin or module:
/* Vantage Remove Image Shadow and Rounding */
.entry-content img {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important
}
(which i found at https://siteorigin.com/thread/gray-line-showing-under-my-images/#comment-56783)
——————–
thank you!
Hi freshwater
1. The CSS you’ve used only applies to regular images and not to the style added for images with captions. To remove that you’d need to add the following to your Custom CSS;
/* Vantage Image Captions */ .entry-content .wp-caption { border: none; box-shadow: none; }2. Attributes > CSS Styles for a widget or for a row, adds inline styles. It’s therefore not possible to target a selector, you can only add properties to the row or widget div, depending on which you’re editing. The Custom CSS you’ve pasted and the additional selector I sent should go into a Custom CSS plugin like Simple Custom CSS or Jetpack Custom CSS OR the style.css file of your child theme.
Hope that helps.