Joomla Templates Club 406,261 posts

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#196139

Hi!

I wish to extend the images in home-1 position to entire width image box. But I can´t.
Look the image capture:

My URL site is: http://veintiuno.czoom.co/

What can I do?

Thanks!

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528053

Go to this File: /templates/ja_teline_iv_t3/css/custom.css

Add this code


.home-1 .class-box img {
width: 100%;

}

1 user says Thank You to chavan for this useful post

1. mikel2004

[mikel2004 Friend mikel2004Join date: January 2012Posts: 201Downloads:0Uploads:51 Thanks: 24 Thanked: 3 times in 1 posts]

#528276

Great!
Thanks!

1 user says Thank You to mikel2004 for this useful post

1. wingly

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528805

Hi Chavan,

I have a similar issue in articles where the JA Thumbnail setting is, say, 200 pixels wide but the actual image is smaller in width. Can a similar code be added to stretch the native image to the width set in JA Thumbnail? You can see an example here:

http://217.199.187.59/tecsa.com/joomla2/index.php/en/news/industry-news/consumables/17298-first-web-fed-aqueous-inkjet-is-qgood-deinkableq-without-pre-treatment

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528807

Go to this File: /templates/ja_teline_iv_t3/css/template.css

Add this code

.item-page .thumbnail img{

width:100%;

}

But the image will look somewhat blur.

2 users say Thank You to chavan for this useful post

1. timtecsa
2. wingly

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528810

Looks fine: Many thanks.

Is it possibe to make the same width on the images beyond the first one? See:
http://217.199.187.59/tecsa.com/joomla2/index.php/en/news/industry-news/3d-printing/17240-neri-oxman-unveils-qgeminiq-cocoon-like-acoustic-chaise-produced-with-stratasys-color-multi-material-3d-printing

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528863

Go to this File: /templates/ja_teline_iv_t3/css/template.css

Add this code:


.item-page .thumbnail .img_caption { width:100% !important; }

2 users say Thank You to chavan for this useful post

1. wingly
2. timtecsa

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#528954

Brilliant! Thanks again, Chavan.

[Author]

Posts