Joomla Templates Club 406,261 posts

[mx5gr Friend mx5grJoin date: September 2009Posts: 62Downloads:0Uploads:2 Thanks: 2 Thanked: 1 times in 1 posts]

#155845

We have an issue with the latest version of JA Social, 1.2.0, and CurvyCorners.js

We use custom h3 module headers in some of our modules in order to enrich them with images, defines as background images within module, similar to:


div.ja-moduletable_mags h3, div.moduletable_mags h3 {
background: #FFFFFF url(../images/mags.gif) no-repeat;
background-position: 10px 8px;
color: #fff;
font-size: 110%;
/*font-family: "Segoe UI", Helvetica, sans-serif;*/
font-weight: bold;
margin: 0;
padding: 10px 15px;
text-transform: uppercase;
text-indent: -1500px;
}


Under Chrome & Mozilla, the modules appear correctly. Under IE, as soon as the complete page is loaded (until then the background images appear) and curvycorners is launched to round the module corners, the backround images disappear and we get only white, which is the background color of the h3 tag, not the images.

We tried to play a bit with z-index, to no effect

Any ideas?

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

#361467

<em>@mx5gr 201143 wrote:</em><blockquote>We have an issue with the latest version of JA Social, 1.2.0, and CurvyCorners.js

We use custom h3 module headers in some of our modules in order to enrich them with images, defines as background images within module, similar to:


div.ja-moduletable_mags h3, div.moduletable_mags h3 {
background: #FFFFFF url(../images/mags.gif) no-repeat;
background-position: 10px 8px;
color: #fff;
font-size: 110%;
/*font-family: "Segoe UI", Helvetica, sans-serif;*/
font-weight: bold;
margin: 0;
padding: 10px 15px;
text-transform: uppercase;
text-indent: -1500px;
}

Under Chrome & Mozilla, the modules appear correctly. Under IE, as soon as the complete page is loaded (until then the background images appear) and curvycorners is launched to round the module corners, the backround images disappear and we get only white, which is the background color of the h3 tag, not the images.

We tried to play a bit with z-index, to no effect

Any ideas?</blockquote>

Please give me your site url :), however, try this first, you try to replace that block by:


div.ja-moduletable_mags h3, div.moduletable_mags h3 {
background: #FFFFFF url(../images/mags.gif) no-repeat !important;
background-position: 10px 8px;
color: #fff;
font-size: 110%;
/*font-family: "Segoe UI", Helvetica, sans-serif;*/
font-weight: bold;
margin: 0;
padding: 10px 15px;
text-transform: uppercase;
text-indent: -1500px;
}


[mx5gr Friend mx5grJoin date: September 2009Posts: 62Downloads:0Uploads:2 Thanks: 2 Thanked: 1 times in 1 posts]

#361674

Please check your Joomlart Site’s personal mailbox…

[mx5gr Friend mx5grJoin date: September 2009Posts: 62Downloads:0Uploads:2 Thanks: 2 Thanked: 1 times in 1 posts]

#362479

Hi.

Any update?

[Author]

Posts