how to remove rounded images in extrafield text

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
Fri Feb 15, 2013 12:08 pm
Reply with quote
Report this post
when i add an image in the K2 extra field it is displayed with the rounded effect. how can i remove this effect on these images without loosing the effect on the main image
User avatar
Junior Boarder

Konrad M
Sat Feb 16, 2013 7:32 pm
Reply with quote
Report this post
Hi,
please try add to override.css
Code: Select all
.gkK2EventPages img.sigProImg {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Wed Feb 20, 2013 9:29 am
Reply with quote
Report this post
Konrad M wrote:Hi,
please try add to override.css
Code: Select all
.gkK2EventPages img.sigProImg {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}

and remember to enable override.css option in template settings.


Nopes, nothing happend, other codes i added in Override.css are working.
User avatar
Junior Boarder

GK User
Wed Feb 20, 2013 11:02 am
Reply with quote
Report this post
found the solution, i guess it is a workaround, but it works in all browsers

add in override.css

Code: Select all
img.noradius {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}



then add the class noradius to your images
Code: Select all
<img class="noradius" src="images/yourimage.png">
User avatar
Junior Boarder


cron