Joomla Templates Club 406,261 posts

[nilzaris Friend nilzarisJoin date: June 2006Posts: 29Downloads:150Uploads:7 Thanks: 7]

#949400

Hi
I use slideshow position for to set some header images in internal pages. My problem is with large screens, because the images shows smaller. The real size of the images are 1300px in width, but in module editor the image is in 917px, and with this size works well in all screens like laptops (1280px), cells, etc, but in great monitors not. I can’t set the image in great size in editor because this not work in laptop.
I thought to leave the entire width of the template in 1200px, but this is not solution. On the laptop screen I see the site too big and not fit.
How I can do Responsive image? the size is not defined by styles, so I can not use another measure rather than pixels. Perhaps combining two factors: screen width and image size?

The page is http://www.thefoodspace.com/index.php/es/2016-04-20-14-14-03/negocios.html

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#949407

Hi
The image already using the max width in the large view .
Because the view is more then 1300px in width it look like this .
Add below code in /css/custom.css file to make image 100% width

.t3-slideshow img {width:100%}

Save file , clean cache and check .

1 user says Thank You to Pankaj Sharma for this useful post

1. nilzaris

[Author]

Posts