Joomla Templates Club 406,261 posts

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#201342

hi, something in Ja Social overwrite img width values.

on frontpage i have a jomsocial Photo Module with img width 45px but in IE9 or IE 10 it shows 128px width! also easyblog modules show bigger thumbs with IE Browser. Chrome and Firefox works..how can i fix that?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#549620

You could try utilizing for IE

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#549667

yes i could try this but does JA Social not work with IE9 or IE10? looks like a bug in bootstrap if CSS styling is overrriden with img tag width:auto height:auto

or?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#549672

@testcouch,

Please navigate to Admin >>> Extensions >>> Module Manager >>> choose your Jomsocial Photo module >>> add a custom Module Class Suffix, for example jomsocial-photo

Next, open file root_folder/templates/ja_social_t3/css/custom.css and add this code :

.jomsocial-photo ul li {
width: 54px;
height: 54px;
}

Save your file and recheck. Since I see that all photos right below Main Menu look fine so you might want to apply the fix for side module only.

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#549755

<blockquote>
Please navigate to Admin >>> Extensions >>> Module Manager >>> choose your Jomsocial Photo module >>> add a custom Module Class Suffix, for example jomsocial-photo

Next, open file root_folder/templates/ja_social_t3/css/custom.css and add this code :

.jomsocial-photo ul li {
width: 54px;
height: 54px;
}
</blockquote>
@adam M

i’v added sufix jomsocial-photo in module and following code in templates/ja_social_t3/css/custom.css

.jomsocial-photo ul li {
max-width: 48px!important;
max-height: 48px!important;
}

but there is no difference in thumb size. cdn was disabled and cache cleaned! is there maybe a problem if i use two different suffix in module?

<blockquote>
Save your file and recheck. Since I see that all photos right below Main Menu look fine so you might want to apply the fix for side module only.</blockquote>

photos right below Main Menu works because i’v added here img style direct in html file!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#549837

Hi,

I checked your site and can see the code in custom.css file. But your site is loading another custom.css file in CDN instead and I couldn’t see the updated CSS code there, please recheck.

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#550236

@adam M thanks for your info 🙂

CSS Code is now also updated in CDN loading custom.css but thumb size does not changed to 48px with IE9.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#550365

Hi,

I found a problem with your CSS syntax in custom.css file, please look for this code :

@media (min-width: 320px) and (max-width: 480px) {
.ja-mainnavlogin {
display: none;
}

and update as below :

@media (min-width: 320px) and (max-width: 480px) {
.ja-mainnavlogin {
display: none;
}
}

1 user says Thank You to Adam M for this useful post

1. testcouch

[testcouch Friend testcouchJoin date: October 2013Posts: 155Downloads:0Uploads:45 Thanks: 30 Thanked: 9 times in 1 posts]

#550668

<em>@TomC 445910 wrote:</em><blockquote>You could try utilizing for IE</blockquote>

hi TomC, thanks for your link but i’m just wonder why html element for CONDITIONAL CLASSES are removed from 1.1.0 Version?

i just compared default-left-content-right.php from 1.0.3 with 1.1.0 and custom ie class are removed..any reason for that?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#550669

<em>@testcouch 447213 wrote:</em><blockquote>hi TomC, thanks for your link but i’m just wonder why html element for CONDITIONAL CLASSES are removed from 1.1.0 Version?

i just compared default-left-content-right.php from 1.0.3 with 1.1.0 and custom ie class are removed..any reason for that?</blockquote>

Can’t really say, as I am not on the JA Developer Team. :-[

However, you can add them yourself if you wish.

[Author]

Posts