Image Border
I have just started playing around with the free version of Vantage to see if it will fit the bill for changes that we want to make to our current site to make it more mobile friendly. Promising so far but I have noticed that images are displayed inside a rounded button like border. What would I need to edit to stop this border from appearing (and is this a one time across the board change or an image by image change)?
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi Pete
In the premium version you can head to Appearance > Customize > Page and un-tick the Image Shadow and Rounding option. In the free version you’ll need to introduce the following into a Custom CSS module:
.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; }Ref: https://siteorigin.com/basics/modifying-theme-design-with-custom-css/
Thanks for this, Andrew! I’ve been combing the CSS in a trial and error effort trying to find this for days. I’ve got a child theme going based on Vantage and this worked like a charm!
No problem, glad we got that sorted.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.