The rounded images will not work in each browser

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Nov 14, 2012 8:47 pm
Reply with quote
Report this post
Hi,

How can I get rid of the rounded images which work in FF but not in IE Opera etc.
Speakers module and K2 theme. Squares are ok to me but don't know what kind of code I have to found.

Does some one know where I have t look for or which code I have to change?

Ronnie
User avatar
Expert Boarder

GK User
Thu Nov 15, 2012 8:45 am
Reply with quote
Report this post
For me it is working exactly the same on Opera like on FF and Chrome but if you want to delete it please add this code to override.css :

Code: Select all
.gkK2EventPages .itemImage,
.gkK2EventPages img,
.k2Avatar, .k2Avatar img,
.itemAuthorBlock > div.k2AuthorAvatar > span,
.nspMainPortalMode6 .nspSpeakerBig > div img, .nspMainPortalMode6 .nspSpeakerSmall > div img,
.nspMainPortalMode6 .nspSpeakerSmall > div {border-radius: 0 !important; }


And make sure that option 'Use override CSS' is enabled in template advanced settings.
User avatar
Platinum Boarder

GK User
Sat Nov 24, 2012 12:42 am
Reply with quote
Report this post
i noticed that on some browsers the images are not round.... how can i force it on all browsers? maybe some of the code doesn't work on all browsers.. we have to add

-webkit-border-radius -moz-border-radius and -o-border-radius
User avatar
Fresh Boarder

GK User
Mon Nov 26, 2012 1:54 pm
Reply with quote
Report this post
Please enable prefixfree in template settings but border radius should be cross browser rule. Anyway you can always use code like here http://css-tricks.com/almanac/propertie ... er-radius/
User avatar
Platinum Boarder


cron