T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (4)

Resolved Purity III: How to make images in articles UNresponsive?

0
Votes
Undo
  1. Stefan Gofferje
    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.
Responses (4)
Abdur Rehman
Abdur Rehman
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
Stefan Gofferje
Stefan Gofferje
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
Gardner Luna
Gardner Luna
Hole-in-One The Voice
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
Johannes
Johannes
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.