This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Border radius on images won’t apply

Resolved 3 replies premiumthemetheme-vantage
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi,
I wanted to round the corners of my images on my site, but I don’t want the drop shadow effect. I’ve tried just doing:

.entry-content img {border-radius: 5px 20px 5px;}

along with browser specific code also and it just won’t apply it. Any reason you can think of why?

Cheers,
Steve

URL: http://www.traditionalacupuncture.com.au/digestive-health/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 11 years, 3 months ago

    Hi Steven

    Try heading to Appearance > Customize > Page and turn Image Shadow and Rounding back on. Then use the following to remove the box shadow:

    /* Vantage Remove Image Shadow */
    .entry-content img { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important }

    Then you can set your own border radius or use the themes. The problem is that when you turn off Image Shadow and Rounding the Customizer is inserting border-radius: 0 !important; into the page head. That’s overriding your CSS.

    You could also just try:

    .entry-content img {border-radius: 5px 20px 5px !important;}
  2. Steven Orloff 11 years, 3 months ago

    yep that worked a treat, cheers

  3. Andrew Misplon Staff 11 years, 3 months ago

    Super, glad that helps.

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.

Have a different question or issue?

Start New Thread