Tagged: border-radius, hover
HI Kriesigurus
I just noticed on my site http://www.andesworldtravel.com that the border radius on the boxes, like on the front page halfway down where is says “Nature & Culture” “Climbing” “Trekking” change from a border radius of 3px to 0 on hover/rollover. I didn’t notice this happening before. It looks a bit like there is only the 3px radius on some of the corners? I have boxes like this on many pages, (http://andesworldtravel.com/climbing-peru/ fx) and it’s the same on all of them. How do I fix this and why is it displaying like that – shouldn’t the radius be the same for both states by default?
thanks
nancy
Hey N!
Border radius on your button is the same on both states on my end. Have you figured it out already?
If not, please go to Enfold theme options > Advanced Styling and edit “Buttons” and adjust border radius as needed
Best regards,
Yigit
HI Yigit
Sorry it’s not the buttons on the page but the 3 images that are in the middle of the page – those boxes have a 3px radius but get sharp corners on hover/rollover. ??
In general how do I handle the css on new items in the advanced styling – if I have already put some styling on it?
Do I need to go and search for that code and get rid of it and use the advanced styling instead?
thanks…
Nancy
Hi!
I can’t find any issue on those 3 images. Can you highlight what you mean by using screenshots please? use imgur.com or dropbox. Which OS and which browser are you using?
Best regards,
Andy
thanks Andy I figured it out. I think when the image enlarges slightly on hover that the border radius goes to “0”
not a big deal
Nancy
Hi!
Happy your got it short out!
Please do let us know if we can assist you with anything else.
Best regards,
Basilis