Issues with border radius – previous support fix didn't work for me

  • Resolved Eryn-Kim

    (@eryn-kim)


    9 years, 7 months ago

    I’ve placed the slider in a widget text box using the shortcode. All my widget areas are set to have a 1px border with a border radius of 10px.

    Firefox responds to the css just fine but Google Chrome, Safari and Opera ignore this styling (I’m going to assume IE has a problem too).

    In a previous thread you instructed someone to add the following css to the theme’s stylesheet:

    .soliloquy-item-image { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

    This made no difference to me.

    I then found the id of the container (id=”soliloquy-container-351″) and added the border radius to this rather than my widget text area. This fixed Google Chrome and Opera but not Safari (can’t vouch for IE).

    Hopefully you can suggest a solution that will allow the border radius styling in all browsers.

    Unfortunately I’m working on a testing server so I can’t add a link to the site.

    I’d also like to add that I think this is a beautiful plugin. Clean, lightweight and well executed. Great job. 🙂

    https://wordpress.org/plugins/soliloquy-lite/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Thomas Griffin

    (@griffinjt)

    9 years, 7 months ago

    Change it to this and it should work:

    .soliloquy-container .soliloquy-image { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

    If you dig the plugin, I would love a 5-star rating and review! You can leave one by clicking here. 🙂

    Thread Starter Eryn-Kim

    (@eryn-kim)

    9 years, 7 months ago

    You will get 5-stars and bells and cherries! For the great plugin and the quick response. Thank you. 🙂

    That fixed the border radius issue but highlighted another issue. I’ll start a new thread if you like – just let me know.

    There appears to be a 1px line across the top of the images. It makes my border look twice as thick as it’s supposed to and extends beyond my lovely new border radius boundaries. Hiding the overflow doesn’t hide the line – and that wouldn’t fix the thick look of my top border anyway.

    Any thoughts on what’s doing this? And how to remedy the issue?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Issues with border radius – previous support fix didn't work for me’ is closed to new replies.