Joomla Templates Club 406,261 posts

[clownfish Friend clownfishJoin date: October 2016Posts: 24Downloads:12Uploads:1]

#1028140

I want to use the slideshow module position to add full width images on some inner pages, however neither the front page slideshow position nor the images I want to use in this position are responsive.

How do achieve this?

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

#1028162

Hi
the images are already full width.
Can u post a screenshot how you want to show it with the page URL on which u want changes?
I will check it.

Regards

[clownfish Friend clownfishJoin date: October 2016Posts: 24Downloads:12Uploads:1]

#1028170

Yes, they are full width, but as I said, they are not responsive.

You can see this here: http://allcarepartners.com.au/member-login and on the front page. The main image there is also not responsive. They should be.

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

#1028350

Hi
On the member login page, you using a custom HTML module.
Add max-width:100% in the image style to make it responsive.
For the homepage, the slideshow is not 100% because if it’s responsive the text over the images does not get enough height to show them.
Add below code in custom.css file to make it responsive

@media (max-width: 991px){.acm-slideshow .owl-carousel .item .img-bg {
    max-width: 100%;
}}

Regards

[clownfish Friend clownfishJoin date: October 2016Posts: 24Downloads:12Uploads:1]

#1028355

Pakaj,

You’re a legend! Thanks so much for that.

Is there are reason the slideshow module space is not responsive by default?

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

#1028359

Hi
the space headings are over the image when the image is resized it reduces it the height that also changes the text heading heights.
It’s like background image is container for the heading.

Regards

[clownfish Friend clownfishJoin date: October 2016Posts: 24Downloads:12Uploads:1]

#1028363

Yes, I get that. Thanks. I’ll make a decision on the front page, but its awesome that I now have that css tip for inner page images. Thanks again.

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

#1028368

You are welcome!

[Author]

Posts