Joomla Templates Club 406,261 posts

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#192022

Hello look at the picture. If i want to resize picture avatar the thumnail live view at the bottom does not work properly. look at the picture.

With standard protostar template that works fine..

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511498

Hi fmfame,

In this case, you can set the resized size of avatar picture on Jomsocial wall by creating a custom.css file at templates/ja_fixel/css/ path and put below css style into:

#community-wrap img {
width: 110px;
}

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#511553

I have done but the problem already exists.

I think that it is anything with a “max-width:none” css line, which is overridden from the template style.. in fixel template
i found this:

and in protostar template where i dont have any problems i saw this:

Now you can see that in element.style is the max-width:none line overridden by anything…

Now i tried this in fixel template:

look at the line at img { .. i inactivated the max-width:100% and the max-width:none from element style is active and the problem is solved.
But i can not change in template the important img{} css styles..

What could i do now without changing this important parameter?

What could that be..? Or how could i set in the community style first priority or anything..?

---

Attachments:

1. 
2. 
3. 
4. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511563

Hi fmfame,

<blockquote>What could i do now without changing this important parameter? What could that be..? Or how could i set in the community style first priority or anything..?
</blockquote>
You can override the max-width of our template image by open components/com_community/templates/default/css/style.css file:

body #cWindow img{max-width:100%;width:auto9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

Then change max-width:100%; to max-width: none !important;

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#511661

Hi,

no the css style.css is already by element.style overridden..

tried it but i have to change img in template.css in ja_fixel

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#511908

Hi fmfame,

I have tried to resize the avatar thumbnail of Test user and it worked fine. In addition, i also realized that you put a incorrect css property in /templates/ja_fixel/css/themes/light/template.css at lines:

img {
max-width: auto !important;
}

It should be none or a fixed property, not auto.

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#512365

No thats not the solution!

If i do this, then i got viewing problems on home grid..
This is with the img {max-width: auto which is standard in ja fixel

And this is with the img {max-width: none}

---

Attachments:

1. 
2. 

[Author]

Posts