Joomla Templates Club 406,261 posts

[ezpme Friend ezpmeJoin date: February 2006Posts: 10Downloads:0Uploads:1]

#155795

just install, there is round corner in firefox, but no in Ie 8, what’s the problem?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#360878

Hello ezpme!

That’s not the problem :), the template uses CSS3 to make round corner, the css3 works on most of browsers, but the IE does not support so that you will not see the round corner, 🙂

[bossies Friend bossiesJoin date: September 2006Posts: 172Downloads:39Uploads:15 Thanks: 16 Thanked: 16 times in 2 posts]

#378282

where can i disable the round corner for a uniform look across all browsers?

[hainn Friend hainnJoin date: February 2011Posts: 43Downloads:0Uploads:0 Thanked: 5 times in 5 posts]

#378343

<em>@bossies 223597 wrote:</em><blockquote>where can i disable the round corner for a uniform look across all browsers?</blockquote>

you should go to file templatesja_community_pluscsscss3.css and edit these styles:


#ja-mainnav .main {
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
} // for header

input, select, textarea, .inputbox {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow:inset 0 0 5px rgba(0, 0, 0, .1);
-moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .1);
-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .1);
} // for input, select, textarea, .inputbox

#ja-botsl .main {
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
} // for the bottom


to set the value of ***border-radius to be 0:


border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;


Otherwise, you can search keyword “border-radius” in this file to edit the round corner of what element you need.

Regards,

[Author]

Posts