Joomla Templates Club 406,261 posts

[seamushatch Friend seamushatchJoin date: March 2015Posts: 8Downloads:12Uploads:7 Thanks: 2]

#205152

I’m using the acm Slideshow style-2 and would like to make the slides full width (i.e. no background image and no white space around the slide images). How do I do this?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#565113

Unfortunately, as your site is offline and the password/username you provide does not work it is impossible to check. Please supply an active password and a link to the page where we can see this live and we will try to assist.

[seamushatch Friend seamushatchJoin date: March 2015Posts: 8Downloads:12Uploads:7 Thanks: 2]

#565124

site is stil under development pm sent

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#565458

<em>@seamushatch 466194 wrote:</em><blockquote>site is stil under development pm sent</blockquote>

I’m sorry for jumping up into this thread, I’m not sure @phill luckhurst has solution for you but you can pm me the credentials again. I will help you to check it further.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#565574

Hi there
Please let me know if this topic already have solved or not yet.
If not please provide screenshot with note and reproduce steps.
I’ll work on this while @phill is bit busy at moment.

Thank you,
Viet Vu

[seamushatch Friend seamushatchJoin date: March 2015Posts: 8Downloads:12Uploads:7 Thanks: 2]

#565674

Thanks for you help. Please navigate to http://aransf.com/index.php/who/our-name

The slideshow will display as in the attached screenshot.

I would like to remove the white space around the image so that it is full width and the height runs to the Bottom of the menu bar (i.e. Also remove the title)

Thanks

Seamus

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#565697

Hi there
Please try to apply this css

.jmoddiv .acm-slideshow.container {
max-width: 100%;
width: 100%;
}

Thank you,
Viet Vu

[seamushatch Friend seamushatchJoin date: March 2015Posts: 8Downloads:12Uploads:7 Thanks: 2]

#565961

Thanks for the reply. I created a custom.css file in /templates/uber/css/ with the suggested css. The result is attached (I have added a background image to clearly show that area that I would like the main slide to cover) .

It seems to anchor the displaying slide to the left and then create additional space to the right without scaling the slide.

Here is an inspect view with no custom css

I’m trying to eliminate the background image, and have the slide display all the way to the left and right of the window. Ideally the image should crop vertically when the full width is reached to maintain correct proportions.

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#566011

HI there
I tried to access your site again. But look like you have removed that menu page ?

Thank you,
Viet Vu

[Author]

Posts