We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Stefan Gofferje
  2. General Discussion
  3. Monday, 17 November 2014
  4.  Subscribe via email
Hi,

I have an article with a number of images. When I watch this article from a mobile phone, the images are scaled up and HUGE but I don't want this images to be scaled. How do I prevent that, i.e. how do I make images UNresponsive?

-S
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
it would be a real waste to 'tun off' responsiveness for T3.... Instead of turning off responsive on the template, why don't you turn ON responsiveness for images?

Check this out: http://getbootstrap.com/css/#images

simply use the following class for your images: <img src="..." class="img-responsive" alt="Responsive image">
  Seattle, WA, USA
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
You totally missed my point. I want to make specific images in articles unresponsive to prevent e.g. small logos which appear in an article text to be scaled up to the device width on mobiles. Not the whole template. But I figured it out. I defined a class like that

.unresponsive {
width: initial !important;
height: initial !important;
float: initial !important;
display: initial !important;
}

and set the image class to "unresponsive" for the image I don't want to change.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Stefan,

Please try to add the class "img-responsive" to your image. The issue should be fixed.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello, I have the same issue.

@Garnder
Hi Stefan,

Please try to add the class "img-responsive" to your image. The issue should be fixed.

Gardner.


Could you maybe please explain that or past an example code inside?

I am very unexperienced... sorry for that.

Johannes
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.